Урок 07 · 11 хв
@each і @if
Згенерувати утиліти .mt-1… не вручну. Не пиши на Sass цілу програму.
@each $name, $color in $palette { .text-#{$name} { color: $color; } }. @if $theme == dark { … }. Це пришвидшує однотипні класи. Цикл на всю верстку сторінки — ти налагоджуєш генератор, а не інтерфейс. Часто досить мапи й 5 утиліт.
@for $i from 1 through 4— кроки.throughвключає кінець,to— ні.- Функції Sass (
lighten) у нових палітрах часто гірші за власні токени: контраст формулою не вгадаєш. - Згенерований CSS переглянь очима один раз. Якщо 200 утиліт, з яких використовуються 3, — ріж.
Перевірка
Закріпи, поки не пішов далі
1. @each зручний, щоб
2. Бізнес-правило «якщо юзер адмін» у SCSS
3.
through 4включає