Միքսինները SASS-ում

Այս դասում մենք կծանոթանանք միքսիններին (խառնուրդին), որոնք թույլ են տալիս ներառել մեկ դասը մյուսի ներսում: Եկեք պարզենք, թե դա ինչ է և ինչպես աշխատել դրա հետ:

Ըստ էության, խառնուրդը մի դասերի օգտագործումն է մյուսների ներսում, երբ մեկ դասը հանդիսանում է կաղապար՝ կոդի որոշակի հատված, որը մենք կարող ենք օգտագործել բազմաթիվ տեղերում:

Ինչո՞վ է դա հարմար: Մաքուր CSS-ում մենք ստիպված կլինեինք մուտքագրել կոդի կաղապարը ամենուր, որտեղ դա անհրաժեշտ է, իսկ SASS-ում կարող ենք գրել այն մեկ տեղում և ապա միացնել այն կոդի անհրաժեշտ տեղերում:

Միքսինները հայտարարելու համար օգտագործվում է @mixin դիրեկտիվը, որից հետո նշում ենք դրա անունը, պարամետրերը և բլոկը մարմնով.

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