1 | @import "restyle";
|
2 |
|
3 | @include restyle-define(test, (
|
4 | color: red,
|
5 | restyle-var(test): test-var,
|
6 | '& > .nested': (
|
7 | color: blue,
|
8 | height: 100%
|
9 | ),
|
10 |
|
11 | '&:last-child': (
|
12 | border-right: 0
|
13 | ),
|
14 |
|
15 | '@restyle.modifiers': (
|
16 | simple: (
|
17 | '& > .nested': (
|
18 | color: green,
|
19 | width: 100%
|
20 | )
|
21 | ),
|
22 | simple2: (
|
23 | '& > .nested': (
|
24 | color: purple,
|
25 | ),
|
26 | '&:last-child': null
|
27 | ),
|
28 | with-var: (
|
29 | '& > .var': (
|
30 | test: restyle-var(test)
|
31 | )
|
32 | )
|
33 | )
|
34 | ));
|
35 |
|
36 | .test {
|
37 | @include restyle(test);
|
38 | }
|
39 |
|
40 | .test2 {
|
41 | @include restyle(simple test);
|
42 | }
|
43 |
|
44 | .test3 {
|
45 | @include restyle(simple2 test);
|
46 | }
|
47 |
|
48 | .test4 {
|
49 | @include restyle(simple simple2 test);
|
50 | }
|
51 |
|
52 | .with-var {
|
53 | @include restyle(with-var test);
|
54 | }
|