Символ тильды ~ в файле меньшего стиля, это экранирующий символ.Экранирование позволяет использовать любую произвольную строку в качестве значения свойства или переменной.Все, что находится внутри ~"anything"
или ~'anything'
, используется без изменений, кроме интерполяции.
@min768: ~"(min-width: 768px)";
.element {
@media @min768 {
font-size: 1.2rem;
}
}
приводит к
@media (min-width: 768px) {
.element {
font-size: 1.2rem;
}
}
Ответ приходит из меньшего количества документов. ссылка на документ