property-name-interp.less 1.03 KB
Newer Older
liang ce committed
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 */;
}