Mixins i SASS
I den här lektionen kommer vi att bekanta oss med mixins (blandningar), som gör det möjligt att inkludera en klass inuti en annan. Låt oss ta reda på vad det är och hur man arbetar med det.
I grund och botten är en mixin användningen av klasser inuti andra klasser, där en klass är en förform - en specifik kodbit, som vi kan använda på många ställen.
Varför är detta bekvämt? I ren CSS skulle vi behöva skriva kodförformen överallt där den behövs, medan man i SASS kan skriva den på ett ställe och sedan ansluta den till de kodställen där den behövs.
För att deklarera mixins används
directiven @mixin, varefter
vi anger dess namn, parametrar och ett block med innehåll:
@mixin mix {
width: 100px;
height: 100px;
}