48 lines
567 B
Text
48 lines
567 B
Text
|
|
||
|
|
@cool-hello: "yes";
|
||
|
|
@cool-yes: "okay";
|
||
|
|
@var: "hello";
|
||
|
|
|
||
|
|
div {
|
||
|
|
interp1: ~"@{cool-hello}";
|
||
|
|
interp2: ~"@{cool-@{var}}";
|
||
|
|
interp3: ~"@{cool-@{cool-@{var}}}";
|
||
|
|
}
|
||
|
|
|
||
|
|
// interpolation in selectors
|
||
|
|
|
||
|
|
@hello: 10;
|
||
|
|
@world: "yeah";
|
||
|
|
|
||
|
|
@{hello}@{world} {
|
||
|
|
color: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
@{hello} {
|
||
|
|
color: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
hello world @{hello} {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
#@{world} {
|
||
|
|
color: "hello @{hello}";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@num: 3;
|
||
|
|
|
||
|
|
[prop],
|
||
|
|
[prop="value@{num}"],
|
||
|
|
[prop*="val@{num}"],
|
||
|
|
[|prop~="val@{num}"],
|
||
|
|
[*|prop$="val@{num}"],
|
||
|
|
[ns|prop^="val@{num}"],
|
||
|
|
[@{num}^="val@{num}"],
|
||
|
|
[@{num}=@{num}],
|
||
|
|
[@{num}] {
|
||
|
|
attributes: yes;
|
||
|
|
}
|
||
|
|
|