【文件属性】:
文件名称:postcss-logical:在CSS中使用逻辑属性和流相对值
文件大小:30KB
文件格式:ZIP
更新时间:2021-05-07 05:25:10
JavaScript
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
【文件预览】:
postcss-logical-master
----.gitignore(126B)
----README.md(6KB)
----.tape.js(2KB)
----INSTALL.md(4KB)
----CHANGELOG.md(2KB)
----test()
--------margin.css(487B)
--------transition.ltr.expect.css(1KB)
--------float.expect.css(198B)
--------transition.expect.css(1KB)
--------text-align.css(97B)
--------border.css(1KB)
--------margin.expect.css(877B)
--------transition.css(883B)
--------resize.css(49B)
--------padding.ltr.expect.css(684B)
--------margin.ltr.expect.css(501B)
--------clear.expect.css(212B)
--------float.css(86B)
--------padding.expect.css(1KB)
--------text-align.expect.css(253B)
--------size.expect.css(161B)
--------border.expect.css(2KB)
--------clear.ltr.expect.css(87B)
--------resize.expect.css(56B)
--------padding.css(665B)
--------border.ltr.expect.css(1KB)
--------inset.css(335B)
--------border.preserve.expect.css(3KB)
--------size.css(191B)
--------clear.css(100B)
--------inset.ltr.expect.css(651B)
--------inset.expect.css(1015B)
--------text-align.ltr.expect.css(98B)
--------float.ltr.expect.css(73B)
----package.json(2KB)
----CONTRIBUTING.md(2KB)
----src()
--------index.js(5KB)
--------lib()
----LICENSE.md(7KB)
----.rollup.js(361B)
----.travis.yml(124B)
----.editorconfig(226B)