vendor/leafo/lessphp/tests/inputs/interpolation.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47


@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;
}