Mešanice v SASS

V tej lekciji se bomo seznanili z mešanicami (mešanjem), ki omogočajo vključitev enega razreda v notranjost drugega. Ugotovimo, kaj so in kako delati z njimi.

V bistvu je mešanje uporaba enih razredov znotraj drugih, ko je en razred pripravek - določen del kode, ki ga lahko uporabimo na številnih mestih.

Zakaj je to priročno? V čistem CSS bi morali pripravko kode vnašati povsod, kjer je potrebna, v SASS pa jo lahko napišemo na enem mestu in jo nato povežemo v želena mesta kode.

Za deklaracijo mešanic se uporablja directiva @mixin, za katero navedemo njeno ime, parametre in blok s telesom:

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