Как получить root в Stylus?

Question

У меня проблема с корневой вложенности

для лучшей работы с BEM-модулей в Sass мы использование $root

.block 
    $root: & 
    background: gray 
    &__elem 
    background: red 
    color: black 
    &:hover 
    #{$root}__elem 
     color: white 

этот код компилируется:

.block { 
    background: gray; 
} 
.block__elem { 
    background: red; 
    color: black; 
} 
.block:hover .block__elem { 
    color: white; 
} 

Как получить это эффект в стилусе?

Answer 1

Стилус имеет специальные селекторы для одного и того же корпуса.

stylus-lang.com/docs/selectors.html#initial-reference

Вы можете использовать ~/ или ^[0]

.block 
    &:hover 
     ~/__elem 
      color: white