Sass(SCSS)について8. mixin よく使うコードを再利用 //mixin .color1 { @mixin color { font-size: 1em; color: #F00; color: #F00; } } .color1 { .color2 { font-size: 1em; font-size: .5em; @include color; color: #F00; } } .color2 { font-size: .5em; @include color; } 8 9. extend デザインを拡張する //@extend .box, .box { .box-red, display: inline-block; .box-fixHeight { width: 20%; display: inline-block; height: 100%; width: 20%; } height: 100
