csstools / postcss-preset-env

Convert modern CSS into something browsers understand
https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env
Creative Commons Zero v1.0 Universal
2.22k stars 90 forks source link

"margin-inline-start" and "padding-inline-start" are lost after compilation #210

Closed y805939188 closed 2 years ago

y805939188 commented 3 years ago

HI, seniors, I want to consult a question. In my case, I used the following style:

截屏2021-06-01 下午9 45 58

I used the "margin-inline-start" and the style "padding-inline-start". It works fine in less, but after postcss(with postcss-preset-env) compilation, these two styles will be lost:

截屏2021-06-01 下午9 48 04

My postcss configuration is as follows:

截屏2021-06-01 下午9 48 57

postcss version is 8.2.14: image postcss-preset-env version is 6.7.0: image

Is there some configuration required to compile normally? Thanks.

ghost commented 3 years ago

See #196

romainmenke commented 3 years ago

This might be fixed by : https://github.com/csstools/postcss-logical/pull/35 Best to re-check after everything is released.

romainmenke commented 2 years ago

@y805939188 The CSS rules are not actually missing from the output. They have been transformed to :

[dir="ltr"] .ud__table-selection-extra {
    margin-left: 100%;
}

[dir="rtl"] .ud__table-selection-extra {
    margin-right: 100%;
}

[dir="ltr"] .ud__table-selection-extra {
    padding-left: 2px;
}

[dir="rtl"] .ud__table-selection-extra {
    padding-right: 2px;
}