Строки шаблона SASS. Можно ли их использовать?
Может быть, это банальный вопрос, но я не нашел никакой информации о строках шаблона sass, так как в синтаксисе less он имеет:
less: @media-screen-phone: ~'screen and (max-width: 540px)';
со следующим использованием:
// ...some *.less file
@media-screen-phone: {
// ... some style rules
}
// ...
Итак, можно ли использовать такой подход из less в sass, как я показал выше?
Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Функция тильды LessCss (~) - всего лишь помощник:
Notice that our CSS property value is quoted, which we don't want.
This is where the tilde comes into play. If you precede the quoted value with a tilde, the tokens will still be grouped into a single value, but the quotes will be stripped off.
That is all that the tilde does - strip quotes. It does nothing else. If you use tildes currently, you probably don't actually need them in half the cases. If you're anything like me, you [incorrectly] copy-pasted them from online demos without actually knowing what it was doing.
Цитата из Размышляя о строках, кавычках, токенах и тильдах в меньшем количестве CSS . Акцент как в оригинале.
Модное слово для SCSS - строковая интерполяция.
Он делает то же самое, но не во время определения, а во время использования.
// SCSS
$media-screen-phone: "screen and (max-width: 540px)";
@media #{$media-screen-phone} {
body {
color: red;
}
}
Этот код SCCS может прояснить $media-screen-phone: "screen and (max-width: 540px)";body { &:before { content: #{$media-screen-phone}; content: $media-screen-phone; content: "#{$media-screen-phone}";}}
Да, я знаю такой подход, но он не такой, как в
.less. Есть идеи, как использовать его без дополнительных правил?