https://github.com/kimulaco/postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML.
https://github.com/kimulaco/postcss-amp-custom
amp amp-html postcss
Last synced: 10 months ago
JSON representation
PostCSS plugin to optimize CSS source for AMP HTML.
- Host: GitHub
- URL: https://github.com/kimulaco/postcss-amp-custom
- Owner: kimulaco
- License: mit
- Created: 2018-06-03T15:19:30.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T10:26:30.000Z (over 3 years ago)
- Last Synced: 2025-08-20T14:44:01.947Z (10 months ago)
- Topics: amp, amp-html, postcss
- Language: JavaScript
- Size: 987 KB
- Stars: 1
- Watchers: 1
- Forks: 3
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# postcss-amp-custom
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/postcss-amp-custom)
[](https://github.com/kimulaco/postcss-amp-custom/actions)
PostCSS plugin to optimize CSS source for AMP HTML. Removes styles that are prohibited by AMP HTML.
Supports PostCSS v7 and v8.
[amp-custom](https://github.com/kimulaco/amp-custom) is the core library. However, [amp-custom](https://github.com/kimulaco/amp-custom) will be deprecated in the future, and postcss-amp-custom will be mainly developed.
## Install
```shell
npm install --save-dev postcss-amp-custom
```
## Use
```js
// postcss.config.js
const postcssAmpCustom = require('postcss-amp-custom')
module.exports = () => ({
plugins: [
postcssAmpCustom({
enableByteLimit: true
})
]
})
```
```css
/* ./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`)
## License
[MIT License](https://github.com/kimulaco/postcss-amp-custom/blob/master/LICENSE).