Welcome to the Treehouse Community
Looking to learn something new?
BJ Scott3,452 Points
Sass file structure when a lot of the design are different
So I have been through lots of tutorials because I want to begin using Sass but I am having trouble figuring out how it would fit into my current workflow with the projects I am doing. I totally understand it's use for building applications. It sounds like an awesome solution but what about for other types of projects. I work on the Marketing side where I design and build out case studies for different brands we work with. And although the structure is fairly consistent as far as the sections I include in each one, the design is VERY different. Some case studies have videos and parrallax scrolling and others have gifs and animations with some extra structure pieces included depending on the brand.
I guess my question is how would I incorporate brand specific styles in the folder structure since they will be different for each case study? We currently have a folder set up of Base, Layout, Modules, Sections, and Utils. Would I make brand specific styles in a (ex. toyota.scss) file and drop it in the sections folder? I'm kind've lost on this piece. Or am I thinking of this all wrong?
Jonathan GrieveTreehouse Moderator 90,705 Points
Hmmm it's a good question.
I think it's helpful if you take what the instructors say to heart and that is so long as you follow the guidelines they set you can basically choose your own workflow. So you could have your
Modules etc but then have another section for
Also you can call your import styles in any order and structure your output styles with comments so you could have general styles at the top and then your more specific at the bottom. If you're working with a team, these are the sorts of decisions you'll make between yourselves :-)