SASS шаблон строки.Это способ их использования?

Question

Возможно, это тривиальный вопрос, но я не нашел никакой информации о sass строках шаблона, как в синтаксисе less:

less: @media-screen-phone: ~'screen and (max-width: 540px)';

со следующим использованием:

// ...some *.less file

@media-screen-phone: {
  // ... some style rules
}

// ...

Итак, это способ использовать такой подход из less в sass, как я показал выше?

Спасибо.

Answer 1

Функция 'LessCss tilde (~) "является только помощником:

Обратите внимание, что значение нашего свойства CSS заключено в кавычки, чего мы не хотим.

Это где тильда вступает в игру.Если вы предшествуете указанному значению тильдой, токены по-прежнему будут сгруппированы в одно значение, но кавычки будут удалены.

Это все, что делает тильда, - удаляет кавычки. Больше ничего не делает .Если вы используете тильды в настоящее время, вам, вероятно, не нужны они в половине случаев.Если вы чем-то похожи на меня, вы [неправильно] скопировали их из онлайн-демонстраций, фактически не зная, что они делают.

Цитата из Размышления о строках, кавычках, токенах иТильды в меньшем CSS .Акцент, как в оригинале.

Модным словом для SCSS является интерполяция строк

Это делает то же самое, но не во время определения, ново время использования.

// SCSS
$media-screen-phone: "screen and (max-width: 540px)";

@media #{$media-screen-phone} {
  body {
    color: red;
  }
}