1 | .test {
|
2 | a: true;
|
3 | b: true;
|
4 | c: true;
|
5 | d: true;
|
6 | background-size: 100%; }
|
7 | .test .nested {
|
8 | nested-a: true;
|
9 | nested-b: true;
|
10 | nested-c: true;
|
11 | nested-d: true; }
|
12 | .test .nested .deep-nested {
|
13 | deep-nested-a: true;
|
14 | deep-nested-b: true;
|
15 | deep-nested-c: true;
|
16 | deep-nested-d: true; }
|
17 | .test.state1 {
|
18 | state1-a: true;
|
19 | state1-b: true;
|
20 | state1-c: true;
|
21 | state1-d: true; }
|
22 | .test.state2 {
|
23 | state2-a: true; }
|
24 |
|
25 | .alt {
|
26 | a: true;
|
27 | b: false;
|
28 | d: true;
|
29 | e: true; }
|
30 | .alt .nested {
|
31 | nested-a: true;
|
32 | nested-b: false;
|
33 | nested-d: true;
|
34 | nested-e: true; }
|
35 | .alt .nested .deep-nested {
|
36 | deep-nested-a: true;
|
37 | deep-nested-b: false;
|
38 | deep-nested-d: true;
|
39 | deep-nested-e: true; }
|
40 | .alt.state1 {
|
41 | state1-a: true;
|
42 | state1-b: false;
|
43 | state1-d: true;
|
44 | state1-e: true; }
|
45 | .alt.state3 {
|
46 | state3-a: true; }
|
47 |
|
48 | .test.alt {
|
49 | b: false;
|
50 | background-size: auto auto;
|
51 | e: true; }
|
52 | .test.alt .nested {
|
53 | nested-b: false;
|
54 | nested-e: true; }
|
55 | .test.alt .nested .deep-nested {
|
56 | deep-nested-b: false;
|
57 | deep-nested-e: true; }
|
58 | .test.alt.state1 {
|
59 | state1-b: false;
|
60 | state1-e: true; }
|
61 | .test.alt.state3 {
|
62 | state3-a: true; }
|
63 |
|
64 | .test2.test {
|
65 | a: true;
|
66 | b: true;
|
67 | c: true;
|
68 | d: true;
|
69 | background-size: 100%; }
|
70 | .test2.test .nested {
|
71 | nested-a: true;
|
72 | nested-b: true;
|
73 | nested-c: true;
|
74 | nested-d: true; }
|
75 | .test2.test .nested .deep-nested {
|
76 | deep-nested-a: true;
|
77 | deep-nested-b: true;
|
78 | deep-nested-c: true;
|
79 | deep-nested-d: true; }
|
80 | .test2.test.state1 {
|
81 | state1-a: true;
|
82 | state1-b: true;
|
83 | state1-c: true;
|
84 | state1-d: true; }
|
85 | .test2.test.state2 {
|
86 | state2-a: true; }
|