Название класса SASS Concatenate?

Question

Я получил файл LESS из этого a Date-picker plugin и хочу его преобразовать в SASS.

Но в LESS, это concates имя класса, как это:

//LESS 
.dropdown{ 
    &-inline{ 
    } 
} 

Результат:

.dropdown-inline ... 

Я пробовал много вещей в SASS как #{-inline} или #{"-inline"}, но он не работает.

Я пробовал поиск в Интернете и нашел годовалую статью, в которой говорится, что это невозможно в SASS. Я не могу найти последнее сообщение об этой проблеме. Возможно ли это сейчас? Как?

Благодаря

Answer 1

This is not yet possible, но it will beeventually. Так же, как МЕНЬШЕ, синтаксис будет использовать &.

Answer 2

Только что перешел из css в scss Я столкнулся с этим вопросом и был разочарован, пока не узнал, что он не обновляется. Нашли правильный ответ здесь: https://css-tricks.com/the-sass-ampersand/#article-header-id-12.

Теперь можно с помощью следующего синтаксиса:

.add-some { 
    &-red { 
     color: red; 
    } 
} 

Результаты, как и ожидалось, на:

.add-some-red { 
    color: red; 
}