Міксіны ў SASS

У гэтым уроке мы пазнаёмімся з міксінамі (прымешваннем), якое дазваляе ўключаць адзін клас унутры іншага. Давайце разбярэмся, што гэта такое і як з гэтым працаваць.

Па сутнасці прымешванне гэта выкарыстанне адных класаў унутры іншых, калі адзін клас з'яўляецца загатоўкай - вызначаным кавалкам кода, які мы можам выкарыстоўваць у многіх месцах.

Чым гэта зручна? На чыстым CSS нам бы прыйшлося набіраць загатоўку кода ўсюды дзе яна спатрэбяцца, а ў SASS можна напісаць яго ў адным месцы і затым падключаць яго ў патрэбныя месцы кода.

Для аб'яўлення міксінаў выкарыстоўваецца дырэктыва @mixin, пасля якой паказваем яго імя, параметры і блок з целам:

styles.scss@mixin mix {
  width: 100px;
  height: 100px;
}