文件名称:postcss-custom-media:遵循CSS媒体查询规范,在CSS中使用自定义媒体查询
文件大小:55KB
文件格式:ZIP
更新时间:2024-05-31 12:32:33
JavaScript
PostCSS自定义媒体 允许您遵循规范在CSS中使用自定义媒体查询。 @custom-media --small-viewport ( max-width : 30 em ); @media ( --small-viewport ) { /* styles for small viewport */ } /* becomes */ @media ( max-width : 30 em ) { /* styles for small viewport */ } 用法 将添加到您的项目中: npm install postcss-custom-media --save-dev 使用处理CSS: const postcssCustomMedia = require ( 'postcss-custom-media' ) ; postcssCustomMedia . process
【文件预览】:
postcss-custom-media-master
----.travis.yml(139B)
----.rollup.js(457B)
----index.js(1KB)
----.tape.js(7KB)
----package.json(2KB)
----test()
--------basic.preserve.expect.css(2KB)
--------export-media.css(402B)
--------basic.expect.css(945B)
--------export-media.json(389B)
--------import.expect.css(462B)
--------import.empty.expect.css(261B)
--------import-media.css(107B)
--------basic.css(1KB)
--------import-media.js(132B)
--------import.css(261B)
--------export-media.js(386B)
--------import.plugin.expect.css(462B)
--------import-media.json(123B)
--------basic.import.expect.css(0B)
--------export-media.mjs(369B)
--------import-css.css(0B)
----INSTALL.md(4KB)
----CONTRIBUTING.md(2KB)
----LICENSE.md(1KB)
----.gitignore(126B)
----CHANGELOG.md(3KB)
----lib()
--------get-custom-media-from-imports.js(3KB)
--------transform-atrules.js(647B)
--------write-custom-media-to-exports.js(4KB)
--------transform-media-list.js(3KB)
--------media-ast-from-string.js(3KB)
--------custom-media-from-root.js(1KB)
----README.md(5KB)
----yarn.lock(96KB)
----.editorconfig(226B)