SCSS変数に

Question

を教えてください誰もが変数、オペレーター、ミックスイン、およびパーシャルを使用する方法についてについてSCSSと基本を、説明できますか？

Answer 1

$color: red; // variable 

%button-default { // placeholder (doesn't generate css) 
    color: $color; 
} 

@mixin button() { // mixin 
    @extend %button-default; // get placeholder styles 

    @content; 
} 

button { 
    @include button() { // call mixin and pass content to it 
     font-size: 16px; 
    } 
} 

a { 
    @include button(); // just call mixin 
} 

Demo

SCSS利用ゴクゴクをコンパイルするには、イサキ、WebPACKのなど