File tree Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Expand file tree Collapse file tree 1 file changed +18
-0
lines changed Original file line number Diff line number Diff line change @@ -49,6 +49,24 @@ If a rule is not meant to be flipped by CSSJanus, use a `/* @noflip */` comment
49
49
}
50
50
```
51
51
52
+ ## CSS Logical
53
+
54
+ We encourage and recommend use of
55
+ [ CSS logical properties] ( https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values )
56
+ for the subset of CSS features where a native
57
+ direction-aware version of a CSS property exists
58
+ (be sure to check [ browser support] ( https://caniuse.com/ )
59
+ for specific properties). You can, for example, set
60
+ properties like ` margin-inline-start ` instead of
61
+ ` margin-left ` , which the browser flips based on content
62
+ direction, and work seamlessly alongside other CSS
63
+ properties that CSSJanus flips instead.
64
+
65
+ Note that CSS logical properties flip based on nearest
66
+ content direction and content language, whereas CSSJanus
67
+ is generally configured to flip by user language and
68
+ UI direction.
69
+
52
70
## Integrations
53
71
54
72
* ** [ css] ( https://www.npmjs.com/package/css ) ** parser: [ rtl-converter] ( https://github.com/HosseinAlipour/rtl-converter ) .
You can’t perform that action at this time.
0 commit comments