Skip to content

Commit 1087a71

Browse files
committed
docs: add rtl addon docs
1 parent 6614016 commit 1087a71

File tree

3 files changed

+30
-0
lines changed

3 files changed

+30
-0
lines changed

README.md

+1
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@ __Motto of `nano-css` is simple__: *create the smallest possible CSS-in-JS libra
5050
- [`spread`](./docs/spread.md)
5151
- [`array`](./docs/array.md)
5252
- [`snake`](./docs/snake.md)
53+
- [`rtl`](./docs/rtl.md)
5354
- [Server-side rendering](./docs/SSR.md)
5455

5556

docs/Addons.md

+1
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@ plenty more to chose from. Below is a list of addons shipped with `nano-css`.
3636
- [`spread`](./spread.md) — returns an object with data attributes used as a selector
3737
- [`array`](./array.md) — use arrays to specify multiple values
3838
- [`snake`](./snake.md) — chain styling rules
39+
- [`rtl`](./rtl.md) — flips all styles RTL (right-to-left)
3940

4041
## Addon Installation
4142

docs/rtl.md

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
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).

0 commit comments

Comments
 (0)