postcss-logical:在CSS中使用逻辑属性和流相对值

时间:2021-05-07 05:25:10
【文件属性】:
文件名称: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)

网友评论