123456789101112131415161718192021222324252627282930313233343536373839404142 |
- @varToGet: default-color;
- .foo {
- color1: @defaults[@default-color];
- color2: @defaults[@nested][@color];
- color3: @theme[color];
- color4: @theme[@nested][color];
- color5: @defaults[@@varToGet];
- prop: #ns1[foo];
- var: #ns1[@foo];
- sub: #ns1.vars[$sub];
- }
- @defaults: {
- @default-color: red;
- @nested: {
- @color: yellow;
- }
- };
- @theme: {
- color: red;
- @nested: {
- color: yellow;
- }
- };
- #ns1 {
- foo: bar;
- @foo: baz;
- .vars() {
- sub: value;
- }
- }
- // Test that it matches more than one mixin
- #ns1 {
- foo: uno;
- @foo: dos;
- .vars() {
- sub: tres;
- }
- }
|