Maišiniai SASS

Šioje pamokoje susipažinsime su maišiniais (įmaišymu), leidžiančiu įtraukti vieną klasę į kitos klasės vidų. Išsiaiškinkime, kas tai yra ir kaip su tuo dirbti.

Iš esmės įmaišymas yra vienų klasių naudojimas kitų klasių viduje, kai viena klasė yra ruošinys - tam tikru kodo fragmentu, kurį galime naudoti daugelyje vietų.

Kuo tai patogu? Gryname CSS mums tektų rašyti ruošinio kodą visur, kur jų reikia, o SASS galime jį parašyti vienoje vietoje ir tada prijungti jį prie reikiamų kodo vietų.

Maišiniams deklaruoti naudojama direktyva @mixin, po kurios nurodome jos pavadinimą, parametrus ir bloką su kūnu:

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