【文件属性】：
文件名称：postcss-custom-media:遵循CSS媒体查询规范，在CSS中使用自定义媒体查询
文件大小：55KB
文件格式：ZIP
更新时间：2021-05-11 18:45:53
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)