I’m working on a project that consists of about six different pages. How can I optimize my CSS so that my pages get their stylesheet?
I’m writing Pug for the structure and SCSS for the styling, and gulp to prepare them for dist. I’ve modularized my index.scss so that it
@imports things like
footer styling, but how can I not include the Homepage styling for, say, the About page?
In the screenshot below it describes a “base” file, but how can automate the which styles it imports? Or, do I simply have to write multiple base files for each individual page and then link them specifically?