В Stylus мне нужно писать вложенный селектор из его корня, когда @extend?

Stylus возвращает «Failed to @extend «.selector2»», но в SASS все в порядке.

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        @extend .selector2

Это нормально, когда я пишу селекторы от root в Stylus.

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        @extend .selector1 .selector2

Но это довольно хлопотно.

Есть ли способ написать Stylus так же, как SASS?


stylus
person newformation    schedule 29.01.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

По моему опыту, вы не можете написать Stylus @extend так же, как SASS. Но могу предложить варианты:

1. мы можем просто использовать символ @, чтобы получить значение ближайшего color

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        color @color

2 Расширение селекторов-заполнителей

$foo
  color: #FFF
.selector1
    color #000
    .selector2
        @extends $foo
    .selector3
        @extends $foo
person Alex Khlebaev    schedule 29.01.2015