2017-08-06 25 views
0

を拡張:&SCSSで私は次のようにプレースホルダを作成しようとしている私のSCSSコードで問題

%input__label { 
    color: red; 
    &_content { 
     color: blue; 
    } 
} 

し、それを拡張:

.input__label { 
    @extend %input__label; 
} 

私はそれだけでコードをコンパイルしようとしていますinput__labelはコンパイルが、input__label_contentない:疑似要素と

.input__label { 
    color: red; 
} 

(しかし、例えば - & :: AFすべてがうまく動作します) なぜこのようなことが起こっていますか?私はノードv7.10.1とノードsass v4.5.3を使用しています。

答えて

1

の代わりにミックスインを使用して拡張します

@mixin input__label { 
    color: red; 

    &_content { 
     color: blue; 
    } 
} 

.input__label { 
    @include input__label; 
} 

を拡張経由でそれを行うための機能が意図的に禁止されています https://github.com/sass/sass/commit/face3172930b515ac2040e450d4db3ffe01c31b5

+0

ああ、私は知りませんでした。本当にありがとう! =) – bashkovpd

関連する問題