Closed nicolasparada closed 8 years ago
Short answer: https://github.com/jedmao/postcss-nested-props
Full answer: SugarSS is just a alternate way to write a CSS. All features like nested rules or nested properties should be implemented in plugins. So we will have all benefits of modularity.
Nice. Thank for you help @ai :)
I'm having other problem. After I added postcss-nested-props
, it only parses some nested properties. I mean:
body
font:
family: sans-serif
size: 16px
weight: 300
becomes:
body {
font-family: sans-serif;
font-size: 16px;
weight: 300;
}
Could you disable this plugin and show me input/ouput?
But I will look tomorrow. Nite it is time to sleep 🙈
Following the same example. it turns into:
body {
font {
family: sans-serif;
size: 16px;
weight: 300 {}
}
}
Another case:
.test
font:
family: sans-serif
size: 16px
weight: 300
margin:
top: 0
right: 0
bottom: 0
left: 0
Fails on font-weight
.
.test
margin:
top: 0
right: 0
bottom: 0
left: 0
font:
family: sans-serif
size: 16px
weight: 300
Fails on margin-left
.
Sorry, I miss what example fails. Could you find minimum file example to reproduce issue and show me input and output.
Fixed 4e4aca1
Also ee97d55
Released in 0.1.4
Thanks @ai good work ;) All working fine now.
In Sass you have nested properties so you can write:
and get:
I miss this on sugarss.