File tree 3 files changed +30
-0
lines changed
3 files changed +30
-0
lines changed Original file line number Diff line number Diff line change @@ -50,6 +50,7 @@ __Motto of `nano-css` is simple__: *create the smallest possible CSS-in-JS libra
50
50
- [ ` spread ` ] ( ./docs/spread.md )
51
51
- [ ` array ` ] ( ./docs/array.md )
52
52
- [ ` snake ` ] ( ./docs/snake.md )
53
+ - [ ` rtl ` ] ( ./docs/rtl.md )
53
54
- [ Server-side rendering] ( ./docs/SSR.md )
54
55
55
56
Original file line number Diff line number Diff line change @@ -36,6 +36,7 @@ plenty more to chose from. Below is a list of addons shipped with `nano-css`.
36
36
- [ ` spread ` ] ( ./spread.md ) &mdash ; returns an object with data attributes used as a selector
37
37
- [ ` array ` ] ( ./array.md ) &mdash ; use arrays to specify multiple values
38
38
- [ ` snake ` ] ( ./snake.md ) &mdash ; chain styling rules
39
+ - [ ` rtl ` ] ( ./rtl.md ) &mdash ; flips all styles RTL (right-to-left)
39
40
40
41
## Addon Installation
41
42
Original file line number Diff line number Diff line change
1
+ # ` rtl ` Addon
2
+
3
+ Flips all your styles to support right-to-left styling.
4
+
5
+ Example:
6
+
7
+ ``` js
8
+ nano .put (' .foo' , {
9
+ textAlign: ' left' ,
10
+ marginLeft: ' 100px'
11
+ });
12
+ ```
13
+
14
+ Result:
15
+
16
+ ``` css
17
+ .foo {
18
+ text-align : right ;
19
+ margin-right : 100px ;
20
+ }
21
+ ```
22
+
23
+
24
+ ## Installation
25
+
26
+ Simply install ` rtl ` addon.
27
+
28
+ Read more about the [ Addon Installation] ( ./Addons.md#addon-installation ) .
You can’t perform that action at this time.
0 commit comments