I've been writing SCSS / LESS for a long time. Once you know CSS they are very simple to learn and get used to.
The SASS way is a really good resource.
Marketing sites I find are harder to write in SCSS because most of the site isn't reusable or very little is (depending on the design of course)
Start with a main.scss file and write your code in there and then break it out into different files if you need. That's what I do with marketing sites.
With web app's I always start from the same base and everything is split out already. 5 directories and 1 main file that imports directories which import all the files in that directory.
Some tips for you:
Don't over nest, 3 / 4 levels max.
And always think about how something can be abstracted and reused, this is hard to do, but well worth it when you can plug and play components
I've been writing SCSS / LESS for a long time. Once you know CSS they are very simple to learn and get used to.
The SASS way is a really good resource.
Marketing sites I find are harder to write in SCSS because most of the site isn't reusable or very little is (depending on the design of course)
Start with a main.scss file and write your code in there and then break it out into different files if you need. That's what I do with marketing sites.
With web app's I always start from the same base and everything is split out already. 5 directories and 1 main file that imports directories which import all the files in that directory.
Some tips for you:
Don't over nest, 3 / 4 levels max.
And always think about how something can be abstracted and reused, this is hard to do, but well worth it when you can plug and play components