Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/timonbandit/postcss-su-dev
For internal purposes only
https://github.com/timonbandit/postcss-su-dev
Last synced: 12 days ago
JSON representation
For internal purposes only
- Host: GitHub
- URL: https://github.com/timonbandit/postcss-su-dev
- Owner: timonbandit
- License: mit
- Created: 2019-12-24T13:58:44.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T03:36:52.000Z (almost 2 years ago)
- Last Synced: 2023-03-02T10:10:58.703Z (over 1 year ago)
- Language: JavaScript
- Size: 1.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# PostCSS Su Dev
[PostCSS] plugin for internal purposes.
[PostCSS]: https://github.com/postcss/postcss
```css
@critical common.css {
.page-title {
margin: 30px 0 28px;
font-weight: 700;
font-size: 36px;
}
/* Unnecessary comment */
@media (max-width: 767px) {
.page-title {
font-size: 26px;
line-height: 1.1;
}
}
}
```
```css
.page-title {
margin: 30px 0 28px;
font-weight: 700;
font-size: 36px;
}
@media (max-width: 767px) {
.page-title {
font-size: 26px;
line-height: 1.1;
}
}
```
## Usage
Check you project for existed PostCSS config: `postcss.config.js`
in the project root, `"postcss"` section in `package.json`
or `postcss` in bundle config.
If you already use PostCSS, add the plugin to plugins list:
```diff
module.exports = {
plugins: [
+ require('postcss-su-dev'),
require('autoprefixer')
]
}
```
If you do not use PostCSS, add it according to [official docs]
and set this plugin in settings.
[official docs]: https://github.com/postcss/postcss#usage