Miksini u SASS-u

U ovoj lekciji ćemo se upoznati sa miksinima (mešanjem), koji omogućavaju uključivanje jedne klase unutar druge. Hajde da shvatimo šta je to i kako da radimo sa tim.

U suštini, mešanje je korišćenje jedne klase unutar drugih, kada je jedna klasa šablon - određenim delom koda, koji možemo koristiti na mnogim mestima.

Zašto je ovo zgodno? Na čistom CSS-u morali bismo da kucamo šablon koda svuda gde je potreban, a u SASS-u možemo da ga napišemo na jednom mestu i zatim da ga povezujemo na potrebna mesta u kodu.

Za deklarisanje miksinova koristi se direktiva @mixin, nakon koje navedemo njegovo ime, parametre i blok sa telom:

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