namespacing-1.less 584 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @varToGet: default-color;
  2. .foo {
  3. color1: @defaults[@default-color];
  4. color2: @defaults[@nested][@color];
  5. color3: @theme[color];
  6. color4: @theme[@nested][color];
  7. color5: @defaults[@@varToGet];
  8. prop: #ns1[foo];
  9. var: #ns1[@foo];
  10. sub: #ns1.vars[$sub];
  11. }
  12. @defaults: {
  13. @default-color: red;
  14. @nested: {
  15. @color: yellow;
  16. }
  17. };
  18. @theme: {
  19. color: red;
  20. @nested: {
  21. color: yellow;
  22. }
  23. };
  24. #ns1 {
  25. foo: bar;
  26. @foo: baz;
  27. .vars() {
  28. sub: value;
  29. }
  30. }
  31. // Test that it matches more than one mixin
  32. #ns1 {
  33. foo: uno;
  34. @foo: dos;
  35. .vars() {
  36. sub: tres;
  37. }
  38. }