Reply To: coloraiz.css [open source project]

[rkieru]

I love the idea of pre-populated color palette options, but I would offer up the following suggestions to transition your CSS from a personal project to something more framework-orientated.

Adopt a CSS Prefix and a more standardized naming system.

Right now you’re using a format of [color]-[saturation_level] which is nice, but it seems like you could be more specific. You’re also prefacing any background with bg- which seems like it could cause a lot of confusion as quite a few other frameworks utilize bg-.

Instead you could do something like this:

.cz-purple-1 { color: #a577cd; }
.cz-purple-1.cz-bg { background-color: #a577cd; }

Don’t worry about ‘Light’ and ‘Dark’

If every base color comes in a fixed number of shades (right now it’s 13) … why not just stick with that. Make that your maximum number of shades and then in your formatting -1 is always the lightest and -13 is always the darkest.

Pop this on a CDN

You don’t want people linking to http://www.coloraiz.webe.io/CSS/colors/colors.css if this becomes popular! Make sure people are only ever pulling from a CDN you’ve uploaded the code to and save yourself a potential headache in the future.