css-architecture
css-architecture copied to clipboard
jareware
Global styles
Howdy!
Great post! Really thoughtful, lots of nice ideas.
I'm wondering how you handle global styles? Normalize as one example, or other truly global styles that you might want all over the place.
Thanks!
Fantastic Article!
Regarding Globals, I'm trying to follow the ITCSS methodology myself, so I've set, in the Generic levels, three stylesheets to handle the real globals (_general.scss), typography stuff (_typography.scss) and WordPress inputs and WYSIWYG-related styles (_wpbasics.scss).
Using this I was able to mitigate the necessity for Normalize, so, despite those styles I really use and know what for, I'm not using any reset.
@saltcod thanks, glad you liked it! :)
As to CSS resets, I kind of alluded to them in the 1. Always prefer classes section, but since you're not the only one who was left wondering where they fit into the picture, I'll definitely try to include some clarifications on that part!
@halian-vilela thanks for the feedback!
I wasn't aware of ITCSS, and their landing page wasn't very helpful. ;) Still, anything by Harry Roberts gets serious consideration from me.
But looking at https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/, I'm not really sure what you mean by:
Using this I was able to mitigate the necessity for Normalize, so, despite those styles I really use and know what for, I'm not using any reset.
since it specifically talks about resets here:
Generic – reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS.