search

holidaypirates / nucleus

Nucleus is a living style guide generator for atomic css based components. It's a Node application parsing the source SCSS files and reading information from DocBlock annotations.
https://holidaypirates.github.io/nucleus/
MIT License
474 stars 43 forks source link

Support for PostCSS? #49

Open asifshirazi opened 7 years ago

asifshirazi commented 7 years ago

Hi there!

I can say without any doubt this is most amazing and clean style guide generators of all. Although this is for Sass and Less, It can also parse PostCSS .pcss files, except variables and mixins.

:root {
    --red: #e23b00;
    --blue: #3f526b;
    --background: #faf8f5;
}
@define-mixin ellipsis $size:100%, $display:block {
    width: $size;
    display: $display;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

What are your plans on supporting PostCSS?

Thanks

afknapping commented 7 years ago

+1 for nucleus – i chose it because it supports atomic declarations as a default <3

i am currently trying to integrate it with a project scaffolded with create-vue-app, which used poi under the hood. poi then has a build-in placeholder for postcss-plugins, so would be cool if i could drop in nucleus at that point...

i might be able to pair this at work, so any help on an entry point for how to do this would be appreciated :)

vintprox commented 5 years ago

OMG, yes, need it so hard!