Mixins in SASS
In deze les maken we kennis met mixins (mixen), wat het mogelijk maakt om de ene klasse binnen in een andere op te nemen. Laten we uitzoeken, wat het is en hoe ermee te werken.
In wezen is mixen het gebruik van de ene klasse binnen een andere, waarbij de ene klasse dient als voorbeeld - een bepaald stukje code dat we op veel plaatsen kunnen gebruiken.
Waarom is dit handig? In pure CSS zouden we het voorbeeld overal moeten typen waar het nodig is, terwijl in SASS we het op één plek kunnen schrijven en het vervolgens op de gewenste plaatsen in de code kunnen opnemen.
Voor het declareren van mixins wordt de
directive @mixin gebruikt, waarna
we de naam, parameters en een blok met de body aangeven:
@mixin mix {
width: 100px;
height: 100px;
}
