postcss-bidirection icon indicating copy to clipboard operation
postcss-bidirection copied to clipboard

PostCSS plugin that polyfill Bi-directional CSS properties and values to suppot rtl and ltr rules in all browsers

Results 5 postcss-bidirection issues
Sort by recently updated
recently updated
newest added

The case: ```scss .toggleIcon { position: absolute; inset-inline-end: $dropdownPadding; top: 16px; transition: inset-inline-end 0.3s cubic-bezier(0.23, 1, 0.32, 1); // easeOutQuint &:hover { inset-inline-end: $dropdownPadding - 5px; } } ``` Output:...

If `float`, `clear`, and `text-align` properties have values that are not bidirectional, the plugin shouldn't generate a polyfill for them. ![bug with text-align: center](https://user-images.githubusercontent.com/4787256/112566186-c9a19c80-8dde-11eb-86b3-c4bac55e09bd.png)

This condition fails in the case when the first element has the type `decl`. This is a common situation when the CSS is written in SCSS/LESS. https://github.com/gasolin/postcss-bidirection/blob/e15053789ff639a28c7bcdfa948401f4daedec48/index.js#L179-L195 Can be easily...

Thanks for the super useful plugin! I noticed that `float: inline-start` and `float: inline-end` are not supported by the package. And of the browsers, they are currently only supported by...

**Input** ``` [dir="ltr"] fl { float:right; } ``` **Output** ``` [dir="ltr"] fl { float:right; } html[dir="ltr"] [dir="ltr"] fl { } html[dir="rtl"] [dir="ltr"] fl { } ``` There may be two...