-
在CSS中运用postcss-logical实现逻辑属性和流相对值的使用
资源介绍
PostCSS逻辑属性和值
使您可以遵循规范,在CSS中使用逻辑而非物理,方向和尺寸映射。
.banner {
color : #222222 ;
inset : logical 0 5 px 10 px ;
padding-inline : 20 px 40 px ;
resize : block;
transition : color 200 ms ;
}
/* becomes */
.banner :dir (ltr) {
padding-left : 20 px ; padding-right : 40 px ;
}
.banner :dir (rtl) {
padding-right : 20 px ; padding-left : 40 px ;
}
.banner {
resize : vertical;
transition : co