Mixins in SASS
In dieser Lektion machen wir uns mit Mixins (Einmischungen) vertraut, die es erlauben, eine Klasse innerhalb einer anderen einzubinden. Lassen Sie uns herausfinden, was das ist und wie man damit arbeitet.
Im Wesentlichen ist ein Mixin die Verwendung einer Klasse innerhalb anderer, wobei eine Klasse als Vorlage - ein bestimmtes Code-Stück - dient, das wir an vielen Stellen verwenden können.
Wozu ist das nützlich? In reinem CSS müssten wir diese Code-Vorlage überall dort hinschreiben, wo sie gebraucht wird, aber in SASS können wir sie an einer Stelle schreiben und sie dann an den benötigten Stellen im Code einbinden.
Um Mixins zu deklarieren, wird die Direktive
@mixin verwendet, danach
geben wir ihren Namen, Parameter und den Block mit dem Rumpf an:
@mixin mix {
width: 100px;
height: 100px;
}
