Интерполяция
Вы также можете использовать переменные SassScript в селекторах и в названиях свойств используя
синтаксис #{}
интерполяции:
scss
$name: foo;
$attr: border;
p.#{$name} {
#{$attr}-color: blue;
}
$name: foo
$attr: border
p.#{$name}
#{$attr}-color: blue
css
p.foo {
border-color: blue;
}
Также можно использовать #{}
, чтобы вставить в SassScript значение свойств. В большинстве случаев это не лучше,
чем любой другой способ, но использование #{}
означает, что любые операции в нем будут
рассматриваться как запись CSS. Например:
scss
p {
$font-size: 12px;
$line-height: 30px;
font: #{$font-size}/#{$line-height};
}
p
$font-size: 12px
$line-height: 30px
font: #{$font-size}/#{$line-height}
css
p {
font: 12px/30px;
}
Ваша
Поддержка
Поддержка