Как получить корень с Продлить стилус без подмешать

Я научиться стилус и мне нужно получить свойства корневого элемента для его подклассов:Как получить корень с Продлить стилус без подмешать

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

в дерзости мы имеем $root: & то, что стилус может в этой ситуации? @mixin - плохой вариант с самой большой CSS-кода и его не ясно для чтения

вот мой дерзость код: Codepen

источник

2016-06-30 Евгений Балашов

Существует проблема с архивированием, что в стилусе @extend работает иначе, чем в SASS, или, может быть, это ошибка (я не знаю), и ребенок получает сокровища своего родителя, но продолжает прохождение для детей и дважды верните селектора. Извините мой английский. Проверьте этот пример: [stylus extend] (http://stylus-lang.com/try.html#?code=.class%0A%20%20sel%20%3D%20unquote (selector())% 0A% 20% 20margin дном% 3A% 201em% 0A% 20% 20% 26.ok% 0A% 20% 20% 20% 20% 40extend% 20% 7Bsel% 7D% 0A% 20% 20% 20% 20color% 3A% 20red) – blonfu

мы можем очистить его глотком: D, но это плохой хруст. –

Почему вы используете unquote? 'sel = selector()' - тоже работает –

Я нашел решение с селектором заполнителем, он не так чист, как в SASS, но это лучшее решение, которое я мог бы достичь:

STYLUS

$placeholder 
margin-bottom: 1em 

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

ВЫВОД

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

источник

2016-07-11 08:06:14 blonfu

да , его лучшее решение в стилусе –

Как получить корень с Продлить стилус без подмешать

ответ

Смежные вопросы