I wanted to share with you the sass structure i'm using with csstyle. I wanted some feedbacks about the "idea".
I work always like that:
1 - I do the html layout of the page with a grid system like bootstrap grid.
2 - I create my base components under the components folder and I include them in the html layout. (When I start a new project I have always my default components from previous projects, it's a good foundation ^^')
3 - After that I put in the html the contexts. For example in the screenshot I have a contexts/home/_footer.sass which means I will style the component footer in the home page. I use the @include location(home_footer) system for that.
Like that I still "atomic". I don't put the mess in my base components with 22 options, I just use the convention to render a component following a context.
I wanted to share with you the sass structure i'm using with csstyle. I wanted some feedbacks about the "idea".
I work always like that:
1 - I do the html layout of the page with a grid system like bootstrap grid. 2 - I create my base components under the components folder and I include them in the html layout. (When I start a new project I have always my default components from previous projects, it's a good foundation ^^') 3 - After that I put in the html the contexts. For example in the screenshot I have a
contexts/home/_footer.sasswhich means I will style the component footer in the home page. I use the@include location(home_footer)system for that.Like that I still "atomic". I don't put the mess in my base components with 22 options, I just use the convention to render a component following a context.
What do you think guys ?