14 lines
227 B
SCSS
14 lines
227 B
SCSS
|
.foo {
|
||
|
--#{$prop}: 10px;
|
||
|
#{$prop}: 10px;
|
||
|
prop1: var(--#{$var});
|
||
|
prop2: var(#{$var}, --my-#{$var}, pink);
|
||
|
prop3: calc(var(--#{$var}) * 1px);
|
||
|
}
|
||
|
|
||
|
@supports (--#{$prop}: green) {
|
||
|
body {
|
||
|
color: var(--#{$var});
|
||
|
}
|
||
|
}
|