postcss-simple-extend
postcss-simple-extend copied to clipboard
Nest media queries in block
Suggestion,
@define-placeholder gigantic {
font-size: 40em;
@media (max-width: 600px) {
font-size: 20em;
}
}
Or,
@define-placeholder gigantic {
font-size: 40em;
}
@extend-placeholder (max-width: 600px) gigantic {
font-size: 20em;
}
The nesting resolution should be relegated to a plugin like postcss-nested. But I'm open to a PR making changes that ensure it works this way with postcss-nested.
Added behind an option. Can confirm this worked when using in combination with the plugin you suggested! https://github.com/davidtheclark/postcss-simple-extend/pull/12