Merge branch 'master' into translation/web-html-element-picture

.husky/pre-commit

@@ -1 +1,2 @@
-npx lint-staged
+# Ignore merge commits, for others run lint-staged
+git rev-parse -q --no-revs --verify MERGE_HEAD || npx lint-staged

.markdownlint.jsonc

@@ -289,7 +289,7 @@
         "message": "Use em dash between different words, not hyphen",
         "name": "emdash-not-hyphen",
         "replace": "$1 – ",
-        "searchPattern": "/([^ ]) - /gm",
+        "searchPattern": "/([^ >]) - /gm",
         "searchScope": "text"
       }
     ]

CHANGELOG.md

@@ -3,6 +3,36 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
+## [2024-08-02 - 2024-08-09]
+
+* **Оновлення перекладу(CSS):** web/css/vertical-align (#3201) ([caa381b8](https://github.com/webdoky/content/commit/caa381b87650241980a46da7ebaf165f27b0875d))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/promise (#3021) ([14d0c948](https://github.com/webdoky/content/commit/14d0c948198ecdf35845fa2a82cb09b70c2e4521))
+* **Оновлення перекладу(HTML):** web/html/element/input/time (#3120) ([7d880dd6](https://github.com/webdoky/content/commit/7d880dd6ba9f074d80108100c369203dcc75c6e2))
+* **Оновлення перекладу(CSS):** web/css/flex-basis (#3108) ([27b8d22e](https://github.com/webdoky/content/commit/27b8d22e2d2de2e7758cccb641c2dcef7b1b20e8))
+* **Оновлення перекладу(HTML):** web/html/element/video (#3019) ([003b48f5](https://github.com/webdoky/content/commit/003b48f5576a6afc7617a6c5235ec9e237a69eff))
+* **Оновлення перекладу(CSS):** web/css/text-align (#3227) ([4451aa4a](https://github.com/webdoky/content/commit/4451aa4add8111d7b22f7c059963f76fbc16cef1))
+* **Оновлення перекладу(CSS):** web/css/justify-content (#3194) ([447ce590](https://github.com/webdoky/content/commit/447ce59077d2773ef944450495334c6e7282fc5e))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/promise/resolve (#3217) ([ea84d8e1](https://github.com/webdoky/content/commit/ea84d8e110a9382f0d4d067daa5882941b381252))
+* **Оновлення перекладу(CSS):** web/css/line-height (#3213) ([ee8df223](https://github.com/webdoky/content/commit/ee8df223a346ab30c318c3e3f40b5335d7369f52))
+* **Оновлення перекладу(JS):** web/javascript/reference/template_literals (#3190) ([5da01e1c](https://github.com/webdoky/content/commit/5da01e1c718825b531e725ace5a1bd8e865941ec))
+* **Оновлення перекладу(CSS):** web/css/position (#3189) ([132412b9](https://github.com/webdoky/content/commit/132412b93e1f03f0b178497b1b9041c32edc3de4))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/promise/then (#3242) ([800a445a](https://github.com/webdoky/content/commit/800a445a08546057cd739446f2a652d5b9f17dd1))
+* **Оновлення перекладу(HTML):** web/html/element/img (#3055) ([c8948f21](https://github.com/webdoky/content/commit/c8948f21eddb41141bb261294bbdb34516323222))
+* **Оновлення перекладу(HTML):** web/html/element/link (#2997) ([898af42b](https://github.com/webdoky/content/commit/898af42b09416062841fbceb774ddba295e5cb68))
+* **Оновлення перекладу(HTML):** web/html/element/a (#3035) ([71e7c142](https://github.com/webdoky/content/commit/71e7c142fb7df4fb3d4eab1f6d98a976a09b39dc))
+* **Оновлення перекладу(CSS):** web/css/calc (#3046) ([26b4955e](https://github.com/webdoky/content/commit/26b4955e9cc3d62f6e0ec0669f6f55e9cef338af))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/array/slice (#3222) ([1c969243](https://github.com/webdoky/content/commit/1c9692438fef6483980b012349374b02eabf39c5))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/string (#3186) ([63701443](https://github.com/webdoky/content/commit/63701443e52c5380cf451bf7ca84c8c8685c9464))
+* **Виправлення:** no hyphens for emdashes ([0ed18446](https://github.com/webdoky/content/commit/0ed18446cdb4f1d2e4870b7edd87a3816d180292))
+* **Оновлення перекладу(JS):** web/javascript/reference/global_objects/boolean (#3154) ([31206e90](https://github.com/webdoky/content/commit/31206e9013fa9ff679eefd6792101459bb11b8a4))
+* **Оновлення перекладу(Glossary):** glossary/base64 (#3002) ([2833a28e](https://github.com/webdoky/content/commit/2833a28e958bb2d55b37fe8c8f75569f31896015))
+* **Виправлення:** base from origin ([65729b02](https://github.com/webdoky/content/commit/65729b020db62870868872bb6eb50a358acfd84f))
+* **Виправлення:** ignore master branch changes for prepare job ([b56e2618](https://github.com/webdoky/content/commit/b56e2618807f994a534eebd53cda09c51ca4691a))
+* **Оновлення перекладу(CSS):** web/css/css_colors/applying_color (#2982) ([438d8f5a](https://github.com/webdoky/content/commit/438d8f5af860700bf35a0fc9ac04c5893bde6262))
+* **Оновлення перекладу(CSS):** web/css/gradient/linear-gradient (#3272) ([d08e00f3](https://github.com/webdoky/content/commit/d08e00f3c945bd21a09056841b3638d747e1b5ce))
+* **Оновлення перекладу(CSS):** web/css/using_css_custom_properties (#3271) ([9010e24a](https://github.com/webdoky/content/commit/9010e24abbcc9506bb6fbebcb989502daa755dca))
+* **Оновлення перекладу(CSS):** web/css/value_definition_syntax (#3250) ([d4f0187c](https://github.com/webdoky/content/commit/d4f0187c8b61caea20a71f95291a700b64be4f29))
+
 ## [2024-07-26 - 2024-08-02]
 
 * **Оновлення перекладу(HTML):** web/html/element/script (#2996) ([26ecd302](https://github.com/webdoky/content/commit/26ecd3021cf0d5e5201dd7a858e493aeb3c72358))

files/uk/web/css/align-items/index.md

@@ -86,7 +86,7 @@ align-items: unset;
 
   - : Якщо елементи менші за контейнер шикування, то елементи з автоматичним розміром рівномірно розтягуються, щоб заповнити контейнер, з урахуванням обмежень на ширину та висоту елементів.
 
-- `anchor-center` {{experimental_inline}}
+- `anchor-center`
 
   - : У випадку елементів [з якірним позиціюванням](/uk/docs/Web/CSS/CSS_anchor_positioning) це значення вишиковує елементи біля центру заданого якірного елемента за блоковим напрямком. Дивіться [Центрування на якорі за допомогою `anchor-center`](/uk/docs/Web/CSS/CSS_anchor_positioning/Using#tsentruvannia-na-yakori-za-dopomohoiu-anchor-center).
 

files/uk/web/css/cursor/index.md

@@ -182,7 +182,7 @@ cursor: unset;
             <img src="no-drop.gif" alt="піктограма вказівника і піктограма заборони" />
           </td>
           <td>
-            Елемент не може бути кинутим в поточному положенні.<br />[Вада Firefox 275173](https://bugzil.la/275173): На Windows та macOS <code>no-drop</code> еквівалентно <code>not-allowed</code>.
+            Елемент не може бути кинутим в поточному положенні.<br /><a href="https://bugzil.la/275173">Вада Firefox 275173</a>: На Windows та macOS <code>no-drop</code> еквівалентно <code>not-allowed</code>.
           </td>
         </tr>
         <tr style="cursor: not-allowed">
@@ -208,7 +208,7 @@ cursor: unset;
           <td><img alt="піктограма крапки середнього розміру з чотирма трикутниками навколо." src="all-scroll.gif" /></td>
           <td>
             Дещо може бути прокручено у будь-якому напрямку (панорамовано).<br />
-            [Вада Firefox 275174](https://bugzil.la/275174): На Windows <code>all-scroll</code> еквівалентно <code>move</code>.
+            <a href="https://bugzil.la/275174">Вада Firefox 275174</a>: На Windows <code>all-scroll</code> еквівалентно <code>move</code>.
           </td>
         </tr>
         <tr style="cursor: col-resize">

files/uk/web/css/flex-grow/index.md

@@ -7,9 +7,9 @@ browser-compat: css.properties.flex-grow
 
 {{CSSRef}}
 
-Властивість [CSS](/uk/docs/Web/CSS) **`flex-grow`** (флексбокс зростання) задає множник гнучкого зростання, який впливає на те, яка частина вільного простору контейнера буде віддана [головному розмірові](https://www.w3.org/TR/css-flexbox/#main-size) цього елемента.
+Властивість [CSS](/uk/docs/Web/CSS) **`flex-grow`** (флексбокс зростання) задає множник гнучкого зростання, який впливає на те, яка частина [**додатного вільного простору**](/uk/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis) контейнера, якщо такий є, буде віддана [головному розмірові](/uk/docs/Learn/CSS/CSS_layout/Flexbox#hnuchka-model) цього елемента.
 
-Коли головний розмір гнучкого контейнера перевищує суму головних розмірів гнучких елементів, надлишок простору розподіляється між гнучкими елементами, причому зростання кожного елемента пропорційно його множнику зростання відносно загальної суми множників зростання всіх елементів контейнера.
+Коли головний розмір гнучкого контейнера перевищує суму головних розмірів його гнучких елементів, цей додатний вільний простір може бути розподілений між гнучкими елементами, причому зростання кожного елемента пропорційно його множнику зростання відносно загальної суми множників зростання всіх гнучких елементів.
 
 {{EmbedInteractiveExample("pages/css/flex-grow.html")}}
 
@@ -33,17 +33,21 @@ flex-grow: unset;
 ### Значення
 
 - `<number>`
-  - : Дивіться {{cssxref("&lt;number&gt;")}}. Від'ємні значення є недійсними. Усталено – 0.
+  - : Дивіться {{cssxref("&lt;number&gt;")}}. Від'ємні значення є недійсними. Усталено – 0, що не дає гнучкому елементу зростати.
 
 ## Опис
 
 Ця властивість задає те, скільки вільного простору контейнера буде віддано цьому гнучкому елементу (множник зростання гнучкого елемента).
 
-[Головний розмір](https://www.w3.org/TR/css-flexbox/#main-size) – це або ширина, або висота елемента, залежно від значення {{cssxref("flex-direction")}}.
+[Головний розмір](/uk/docs/Learn/CSS/CSS_layout/Flexbox#hnuchka-model) – це або ширина, або висота елемента, залежно від значення {{cssxref("flex-direction")}}.
 
-Вільний простір - це розмір гнучкого контейнера мінус розмір всіх гнучких елементів разом. Якщо у всіх сусідніх елементів один і той же множник зростання, то всі елементи отримають однакові частки вільного простору, а інакше він розподіляється відповідно до співвідношення, визначеного різними множниками зростання гнучких елементів.
+Решта простору, також відома як додатний вільний простір, - це розмір гнучкого контейнера мінус розмір всіх гнучких елементів разом. Якщо у всіх сусідніх елементів один і той же множник зростання, то всі елементи отримають однакові частки вільного простору. Поширена практика – задавати `flex-grow: 1`, проте задання множника зростання для всіх гнучких елементів зі значенням `88`, `100`, `1.2` або будь-яким іншим, більшим за `0`, дасть один і той же результат: значення – це коефіцієнт співвідношення.
 
-Властивість `flex-grow` використовується поруч з іншими гнучкими властивостями {{cssxref("flex-shrink")}} та {{cssxref("flex-basis")}}, і зазвичай визначається за допомогою скорочення {{cssxref("flex")}}, щоб забезпечити задання всіх значень.
+Якщо значення `flex-grow` відрізняються, то додатний вільний простір розподіляється згідно зі співвідношенням, визначеним різними множниками гнучкого зростання. Значення множників `flex-grow` усіх сестринських гнучких елементів додаються докупи. Додатний вільний простір гнучкого контейнера, якщо такий є, ділиться на цю суму. Головний розмір кожного гнучкого елемента, чиє значення `flex-grow` більше за `0`, зростає на цю частку, помножену на його власний множник зростання.
+
+Наприклад, якщо чотири гнучкі елементи `100px` перебувають у контейнері `700px`, і ці елементи мають множники `flex-grow` зі значеннями `0`, `1`, `2` і `3` відповідно, тоді їхній сумарний головний розмір – `400px`, а залишається `300px` додатного вільного простору для розподілу. Є сума із 6 множників зростання (`3 + 2 + 1`), тому кожний множник зростання дорівнює `50px` (`(300px / 6 )`. Кожний гнучкий елемент отримує кількість додатного вільного простору, що дорівнює кількості вище, помноженій на його значення `flex-grow` – тобто `0`, `50px`, `100px` і `150px` відповідно. Маємо сумарні розміри гнучких елементів `100px`, `150px`, `200px` і `250px` відповідно.
+
+Властивість `flex-grow` здебільшого використовують поруч з іншими властивостями-скороченнями {{cssxref("flex")}} – {{cssxref("flex-shrink")}} і {{cssxref("flex-basis")}}. Радять використовувати властивість-скорочення `flex`, аби пересвідчитися, що всі значення задано.
 
 ## Формальне визначення
 
@@ -57,13 +61,16 @@ flex-grow: unset;
 
 ### Задання множника зростання гнучкого елемента
 
-У цьому прикладі сумарний множник зростання 8 розподіляється між 6 гнучкими елементами, що означає, що кожен множник зростання становить 12,5% від вільного простору.
+У цьому прикладі сумарний множник зростання вісім розподіляється між шістьома гнучкими елементами, що означає, що кожен множник зростання становить `12,5%` від вільного простору.
 
 #### HTML
 
 ```html
-<h4>Це Flex-Grow</h4>
-<h5>А, Б, В і Г – flex-grow:1 . Ґ і Д – flex-grow:2 .</h5>
+<h1>Це приклад <code>flex-grow</code></h1>
+<p>
+  А, Б, В і Д мають <code>flex-grow: 1</code>. Г і Ґ мають
+  <code>flex-grow: 2</code>.
+</p>
 <div id="content">
   <div class="small" style="background-color:red;">А</div>
   <div class="small" style="background-color:lightblue;">Б</div>
@@ -79,15 +86,14 @@ flex-grow: unset;
 ```css
 #content {
   display: flex;
+}
 
-  justify-content: space-around;
-  flex-flow: row wrap;
-  align-items: stretch;
+div > div {
+  border: 3px solid rgb(0 0 0 / 20%);
 }
 
 .small {
   flex-grow: 1;
-  border: 3px solid rgb(0 0 0 / 20%);
 }
 
 .double {
@@ -100,7 +106,7 @@ flex-grow: unset;
 
 {{EmbedLiveSample('zadannia-mnozhnyka-zrostannia-hnuchkoho-elementa')}}
 
-Коли шість гнучких елементів розподіляються вздовж головної осі контейнера, то якщо сума головного вмісту цих гнучких елементів менша за довжину головної осі контейнера, то надлишковий простір розподіляється між гнучкими елементами, причому А, Б, В і Г отримують по 12,5% вільного простору, а Ґ і Д – по 25%.
+Коли шість гнучких елементів розподіляються вздовж головної осі контейнера, то якщо сума головного вмісту цих гнучких елементів менша за довжину головної осі контейнера, то надлишковий простір розподіляється між гнучкими елементами, причому `А`, `Б`, `В` і `Д` отримують по `12,5%` вільного простору, а `Г` і `Ґ` – по `25%`.
 
 ## Специфікації
 
@@ -112,6 +118,8 @@ flex-grow: unset;
 
 ## Дивіться також
 
-- Посібник зі Флексбоксу CSS: _[Базові концепції флексбоксу](/uk/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox)_
-- Посібник зі Флексбоксу CSS: _[Контроль співвідношень гнучких елементів на головній осі](/uk/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis)_
-- Стаття [`flex-grow` – дивний. Або ні?](https://css-tricks.com/flex-grow-is-weird/) від Мануеля Матузовича на CSS-Tricks, яка ілюструє те, як працює flex-grow
+- Скорочення {{cssxref("flex")}}
+- [Базові концепції флексбоксу](/uk/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox)
+- [Контроль співвідношень гнучких елементів на головній осі](/uk/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis)
+- Модуль [Компонування гнучкої рамки CSS](/uk/docs/Web/CSS/CSS_flexible_box_layout)
+- [`flex-grow` – дивна властивість. Або це не так?](https://css-tricks.com/flex-grow-is-weird/) на CSS-Tricks (2017)