-
Notifications
You must be signed in to change notification settings - Fork 3.4k
/
property-name-interp.less
56 lines (46 loc) · 1.03 KB
/
property-name-interp.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
48
49
50
51
52
53
54
55
56
pi-test {
@prefix: ufo-;
@a: border;
@bb: top;
@c_c: left;
@d-d4: radius;
@-: -;
@var: ~'@not-variable';
@{a}: 0;
@{var}: @var;
@{prefix}width: 50%;
*-z-@{a} :1px dashed blue;
-www-@{a}-@{bb}: 2px;
@{d-d4}-is-not-a-@{a}:true;
@{a}-@{bb}-@{c_c}-@{d-d4} : 2em;
@{a}@{-}@{bb}@{-}red@{-}@{d-d4}-: 3pt;
.mixin(mixer);
.merge(ish, base);
}
@global: global;
.mixin(@arg) {
@local: local;
@{global}-@{local}-@{arg}-property: strong;
}
.merge(@p, @v) {
&-merge {
@prefix: pre;
@suffix: ish;
@{prefix}-property-ish+ :high;
pre-property-@{suffix} +: middle;
@{prefix}-property-@{suffix}+: low;
@{prefix}-property-@{p} + : @v;
@subterfuge: ~'+';
pre-property-ish@{subterfuge}: nice try dude;
}
}
pi-indirect-vars {
@{p}: @p;
@p: @@a;
@a: b;
@b: auto;
}
pi-complex-values {
@{p}@{p}: none;
@p: (1 + 2px) fadeout(#ff0, 50%), pi() /* foo */;
}