File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 4646The ` .s(key, value) ` method allows you to do nesting.
4747
4848``` js
49- nano . s .s (' :hover' . nano .s .bgWhite )
49+ s .s (' :hover' . nano .s .bgWhite )
5050// {
5151// ':hover': {
5252// backgroundColor: '#fff'
@@ -57,7 +57,7 @@ nano.s.s(':hover'. nano.s.bgWhite)
5757` .s ` can also accept an object.
5858
5959``` js
60- nano . s .u .s ({color: ' red' })
60+ s .u .s ({color: ' red' })
6161// {
6262// textDecoration: 'underline',
6363// color: 'red'
@@ -67,17 +67,15 @@ nano.s.u.s({color: 'red'})
6767There are also built in ` .hover() ` and ` .focus() ` pseudo-selectors.
6868
6969``` js
70- nano .s .hover (nano .s .col (' red' ));
71- ```
72-
73- Result:
74-
75- ``` js
76- {
77- ' :hover' : {
78- color: ' red'
79- }
80- }
70+ s .hover (s .col (' red' )).focus (s .col (' yellow' ));
71+ // {
72+ // ':hover': {
73+ // color: 'red'
74+ // },
75+ // ':focus': {
76+ // color: 'yellow'
77+ // }
78+ // }
8179```
8280
8381You can define your custom chain rules as the second parameter of the addon.
You can’t perform that action at this time.
0 commit comments