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