Skip to content

Commit 124798a

Browse files
authored
docs: improve snake docs - 2
1 parent aef2fee commit 124798a

1 file changed

Lines changed: 11 additions & 13 deletions

File tree

docs/snake.md

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ nano.s
4646
The `.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'})
6767
There 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

8381
You can define your custom chain rules as the second parameter of the addon.

0 commit comments

Comments
 (0)