Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить @if у SCSS?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`@if` у SCSS** - це директива умовного розгалуження, яка дає змогу виконувати різні блоки коду залежно від заданої умови. **Ключове:** вона схожа на умовний оператор у мовах програмування і застосовується всередині препроцесора до компіляції, впливаючи на те, які стилі потраплять у підсумковий CSS.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`@if` у SCSS - це директива умовного розгалуження, яка дає змогу виконувати різні блоки коду залежно від заданої умови. Вона схожа на умовний оператор у мовах програмування і застосовується всередині препроцесора до компіляції, впливаючи на те, які стилі потраплять у підсумковий CSS. ### Приклад ```scss $theme: dark; @if $theme == dark { body { background: #111; color: #fff; } } @else { body { background: #fff; color: #111; } } ``` У підсумковий CSS потрапить тільки один варіант - той, чий блок пройшов умову. --- ### Де це корисно 1. **Темна/світла тема** 2. **Генерація різних сіток під різні параметри** 3. **Створення адаптивних стилів під конфігурації проєкту** 4. **Оптимізація підсумкового CSS, виключаючи зайвий код** --- ### Ключовий сенс `@if` Він дає можливість додавати просту логіку в SCSS, роблячи стилі динамічнішими і керованішими, без дублювання однакових блоків. Готовий продовжувати в цьому ж форматі. Дай знати, коли поставиш наступне питання.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.