Mixiny w SASS
W tej lekcji zapoznamy się z mixinami (domieszkami), które pozwalają na dołączanie jednej klasy do wnętrza drugiej. Dowiedzmy się, co to jest i jak z tym pracować.
Zasadniczo domieszka to użycie jednych klas wewnątrz innych, gdy jedna klasa jest szablonem - określonym fragmentem kodu, którego możemy używać w wielu miejscach.
Co jest w tym wygodne? W czystym CSS musielibyśmy wpisywać szablon kodu wszędzie tam, gdzie jest potrzebny, a w SASS możemy napisać go w jednym miejscu i następnie podłączyć go w potrzebne miejsca kodu.
Do deklarowania mixinów używa się
dyrektywy @mixin, po której
podajemy jego nazwę, parametry i blok z ciałem:
@mixin mix {
width: 100px;
height: 100px;
}
