File: namespacing-1.less

package info (click to toggle)
less.js 3.13.0%2Bdfsg-11
  • links: PTS, VCS
  • area: main
  • in suites: bookworm
  • size: 6,020 kB
  • sloc: javascript: 23,275; makefile: 12; perl: 11; sh: 6
file content (52 lines) | stat: -rw-r--r-- 742 bytes parent folder | download | duplicates (3)
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
@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;
  }
}

// https://github.com/less/less.js/issues/3346
#DEF() {
  .colors() { primary: grey; }
}

.button {
  color: #DEF.colors[primary];
  border-color: #AAA #CCC;
}