I have a standard CSS file that I simply edit for the next site I'm building. I'm trying to figure a way to link an individual color to multiple selectors in the CSS.
For example, let's say I have 3 primary colors I'm using and they are being shared between fonts, backgrounds, tables, etc. Thus there could be 30 different places calling out the color code in one style sheet. If for some reason I need to adjust the colors, I must edit every line in the CSS with that color code (30 times).
I'd like to setup the three colors in their own selectors. Then reference the fonts, backgrounds, and tables to those colors. All in the CSS. This way I can easily adjust the three color syntaxes and have all the pages update.
Any thoughts on this?
(And I do realize I can do a find/replace all to change the color codes.)
For example, let's say I have 3 primary colors I'm using and they are being shared between fonts, backgrounds, tables, etc. Thus there could be 30 different places calling out the color code in one style sheet. If for some reason I need to adjust the colors, I must edit every line in the CSS with that color code (30 times).
I'd like to setup the three colors in their own selectors. Then reference the fonts, backgrounds, and tables to those colors. All in the CSS. This way I can easily adjust the three color syntaxes and have all the pages update.
Any thoughts on this?
(And I do realize I can do a find/replace all to change the color codes.)