postcss-amp-custom
v1.4.0
Published
PostCSS plugin to optimize CSS source for AMP HTML.
Downloads
204
Maintainers
Readme
postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML. Removes styles that are prohibited by AMP HTML.
Supports PostCSS v7 and v8.
amp-custom is the core library. However, amp-custom will be deprecated in the future, and postcss-amp-custom will be mainly developed.
Install
npm install --save-dev postcss-amp-custom
Use
// postcss.config.js
const postcssAmpCustom = require('postcss-amp-custom')
module.exports = () => ({
plugins: [
postcssAmpCustom({
enableByteLimit: true
})
]
})
/* ./src/test.css */
@charset "UTF-8";
body {
font-size: 16px;
}
@page {
margin: 15mm;
}
@page hoge {
size: portrait;
margin: 15mm;
}
a {
color: #39c !important;
text-decoration: none;
}
@viewport {
min-width: 640px;
max-width: 800px;
}
@supports not (display: flex) {
.flexbox {
overflow: hidden;
}
.flexbox div {
float: left;
}
}
/* ./dist/test.css */
body{font-size:16px}a{color:#39c;text-decoration:none}
Options
- enableByteLimit
Boolean
- If the CSS source exceeds 75KB, it issues an error.(Default:false
)