2016-06-30 7 views
0

をミックスインすることなく、スタイラスに拡張してルートを取得するにはどうすればスタイラスを学ぶだと私は彼のサブクラスのルート要素のプロパティを取得する必要があります:私たちは$root: &持って、どのようなスタイラスができSASSで

.daddy-element 
    (this is a root) 
    main: prop 
    &.sublclass 
     (need "main: prop" here) 
     another: prop 

この状況では? @mixin - ここ

を読み取るための最大のCSSコードとその明確ではないと悪いバリアントは私のSASSのコードは次のとおりです。 Codepen

+1

スタイラスでは、@extendがSASSとは異なる動作をしたり、バグ(私は分かりません)があり、その親のプロポジションを取得しても子どものために引き継ぎ続けるのに問題がありますセレクタを2回戻します。申し訳ありません私の英語。次の例を確認してください:[stylus extend](http://stylus-lang.com/try.html#?code=.class%0A%20%20sel%20%3D%20unquote(セレクタ())%0A%20% 20マージンボトム%3A%201em%0A%20%20%26.ok%0A%20%20%20%20%40%20%7Bsel%7D%0A%20%20%20%20% – blonfu

+0

我々はそれを腐ったもので掃除することができます:Dしかし、それは悪いクランチです。 –

+0

なぜあなたは引用符を使用しますか? 'sel = selector()' - も動作しません –

答えて

1

私はそれがSASSが、中ほどきれいではない、プレースホルダセレクタと解決策を見つけました私が達成できる最適なソリューションです:

STYLUS

$placeholder 
margin-bottom: 1em 

.class 
    @extends $placeholder 
    &.ok 
    @extends $placeholder 
    color: red 

OUTPUT

.class, 
.class.ok { 
    margin-bottom: 1em; 
} 
.class.ok { 
    color: #f00; 
} 
+0

はい、より良いスタイラスのソリューション –