Добавление родительского селектора в конец приводит к неправильному результату с помощью Elixir/Libsass.

У меня есть следующий SCSS:

.btn {
    color: #000;
    @at-root {
        a#{&} {
            display: inline-block;
        }
    }
}

Я ожидаю следующий CSS:

.btn { color: #000; }
a.btn { display: inline-block; }

Но когда я компилирую его с помощью gulp-sass, вместо этого я получаю это:

.btn { color: #000; }
.btn a.btn { display: inline-block; }

laravel sass gulp-sass laravel-elixir libsass
person Vn.    schedule 30.06.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Похоже, это ошибка Libsass, с которой компилируется gulp-sass. Если вы хотите получить правильные результаты, вам нужно переключиться на использование компилятора Ruby для Sass.

person cimmanon    schedule 30.06.2015