Blog

Mixin, Function, @extend ve Control Flow: @if, @each, @for ile Tekrarı Kaldırmak

Parametre, media query ya da selector üretmek gerekiyorsa mixin, gerçekten aynı olan kurallar için placeholder ile @extend, değer hesaplamak için @function kullan; map ve @each ile tekrar eden kuralları veriden üret. Bookstore'a breakpoint mixin'i ve stok badge'leri ekliyor, slash division'ın neden 12px/2 gibi geçersiz CSS ürettiğini, @extend'in media query'de kırıldığını ve her şeyi mixin yapmanın gzip öncesi ve sonrası maliyetini ölçüyoruz.