Как решить проблему амперсанда (&) в SASS?

Question

Илья Резник @McGrady

UX-проектировщик

HTML
Sass

Как решить проблему амперсанда (&) в SASS?

Что надо сделать, чтобы заработал амперсанд в SASS?

Он компелируется, но не отрабатывает, в итоге hover к ссылке не применяется.

.header__nav
    float: left
    margin: 0
    padding: 0
    list-style-type: none
    font-size: 0.875rem
    li 
        display: inline-block
        padding: 0 40 0 0
    a
        text-decoration: none
        color: #000000
        
    &:hover
        color: #FD683D

Вопрос задан более трёх лет назад
479 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2016-10-19 13:02:55

ну вот - жертва indent синтаксиса +) а мне говорят что отступы прекрасны вместо скобок...

.header__nav
    float: left
    margin: 0
    padding: 0
    list-style-type: none
    font-size: 0.875rem
    li 
        display: inline-block
        padding: 0 40 0 0
    a
        text-decoration: none
        color: #000000
        &:hover // здесь отступа не хватало
            color: #FD683D

Как решить проблему амперсанда (&) в SASS?

Войдите на сайт