property-name-interp.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. 
  2. pi-test {
  3. @prefix: ufo-;
  4. @a: border;
  5. @bb: top;
  6. @c_c: left;
  7. @d-d4: radius;
  8. @-: -;
  9. @var: ~'@not-variable';
  10. @{a}: 0;
  11. @{var}: @var;
  12. @{prefix}width: 50%;
  13. *-z-@{a} :1px dashed blue;
  14. -www-@{a}-@{bb}: 2px;
  15. @{d-d4}-is-not-a-@{a}:true;
  16. @{a}-@{bb}-@{c_c}-@{d-d4} : 2em;
  17. @{a}@{-}@{bb}@{-}red@{-}@{d-d4}-: 3pt;
  18. .mixin(mixer);
  19. .merge(ish, base);
  20. }
  21. @global: global;
  22. .mixin(@arg) {
  23. @local: local;
  24. @{global}-@{local}-@{arg}-property: strong;
  25. }
  26. .merge(@p, @v) {
  27. &-merge {
  28. @prefix: pre;
  29. @suffix: ish;
  30. @{prefix}-property-ish+ :high;
  31. pre-property-@{suffix} +: middle;
  32. @{prefix}-property-@{suffix}+: low;
  33. @{prefix}-property-@{p} + : @v;
  34. @subterfuge: ~'+';
  35. pre-property-ish@{subterfuge}: nice try dude;
  36. }
  37. }
  38. pi-indirect-vars {
  39. @{p}: @p;
  40. @p: @@a;
  41. @a: b;
  42. @b: auto;
  43. }
  44. pi-complex-values {
  45. @{p}@{p}: none;
  46. @p: (1 + 2px) fadeout(#ff0, 50%), pi() /* foo */;
  47. }