property-name-interp.less 1.0 KB

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