I know that all of my app’s CSS files get merged together into a bundle and that the bundle gets loaded before any CSS files specified in the header (I also based on discussions with MDG that this may optionally be changing in 1.6 or later).
For some reason long forgotten I have my CSS split into files matching the HTML file’s name (in other words, I have foo.html, foo.css, bar.html, and bar.css). This might have made sense at one point when the CSS selectors in each file were only used in the matching HTML file, but that ship has sailed. Selectors are used in multiple HTML files and it has become hard to find the appropriate CSS file to modify.
Is there any advantage to having multiple CSS rather than a single one? Assuming that the single CSS file doesn’t become huge? Selector ordering would be easier in a single file, rather than having to worry about the order that the files get bundled.
I’m looking at moving to Stylus for my CSS so I’m going to be editing every file anyway so the work of combining them into a single (or just a couple) of files isn’t an issue. I’m just wondering if there is something about multiple CSS files that I’m missing (I’m still a relative newbie at CSS). Thanks for any advice, comments, or opinions.