SASS-miksiset
Tässä oppitunnissa tutustumme miksisiin (sekoittamiseen), joiden avulla voidaan sisällyttää yksi luokka toisen sisään. Selvitetään, mikä se on ja kuinka sen kanssa työskennellään.
Pohjimmiltaan sekoittaminen tarkoittaa yhteen luokkien käyttöä toisten sisällä, kun yksi luokka on esivalmiste - tietty koodinpalanen, jota voimme käyttää monissa paikoissa.
Miksi tämä on kätevää? Puhtaassa CSS:ssä meidän olisi kirjoitettava esivalmiste koodia kaikkialle, missä sitä tarvitaan, kun taas SASS:ssa voimme kirjoittaa sen yhteen paikkaan ja sen jälkeen liittää sen tarvittaviin kohtiin koodia.
Miksisien määrittelemiseen käytetään
@mixin -direktiiviä, jonka jälkeen
annamme sen nimen, parametrit ja lohkon, jossa on runko:
@mixin mix {
width: 100px;
height: 100px;
}