Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке змінні в препроцесорах?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Змінні в CSS-препроцесорах** - це імена, за якими закріплені певні значення (колір, розмір, шрифт, інтервал тощо), щоб їх можна було багаторазово використовувати в різних місцях стилів. **Ключове:** змінні роблять код стійким, передбачуваним і зручним для підтримки.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняЗмінні в CSS-препроцесорах - це імена, за якими закріплені певні значення (колір, розмір, шрифт, інтервал тощо), щоб їх можна було багаторазово використовувати в різних місцях стилів. Препроцесор під час компіляції підставляє значення змінних у підсумковий CSS, позбавляючи від повторень і ручного пошуку значень у великому проєкті. Використовуються вони, наприклад, так: ```scss $main-color: #2b6cb0; $padding: 16px; .button { color: $main-color; padding: $padding; } ``` У результаті компіляції вийде звичайний CSS: ```css .button { color: #2b6cb0; padding: 16px; } ``` ### Головні завдання змінних - **централізація значень** - одне джерело істини, не потрібно змінювати те саме в десятках місць; - **зниження дублювання** - менше повторюваних рядків у коді; - **просте керування темами і масштабованість** - можна змінювати дизайн проєкту, змінюючи значення тільки у файлі зі змінними. Тобто змінні роблять код стійким, передбачуваним і зручним для підтримки.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.