sass
sassのソースにあるパーセント記号%は、cssにコンパイルすると消えますが@extendで継承はできます。 html: <div class="color1"> red </div> <div class="color2"> red </div> <div class="color3"> blue </div> scss: %color0 { color: blue; } .color1 { color: red; } .color2 { @extend %color1; } .color3 { @extend %color; }
ギザギザというかジグザグのスタイルを作った。 See the Pen zigzag by nakasu (@nakasu) on CodePen. コード zigzag というクラス名の要素の擬似要素 :before や :after にジグザグを作る。 HTML: <div class="zigzag"> ジグザグ </div> scss: @mixin zigzag($color, $height, $positi…