rvrsfall / colorful

Colorful.css is a simple yet elegant color class library inspired by the Pantone Color Palette.

Home Page:https://rvrsfall.github.io/colorful/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Colorful CSS

Colorful is a simple yet elegant CSS color class library inspired by the Pantone Color Palette. It was designed by Eric J Ziegler and works with virtually any framework/project given it's prefixed classes ("colorful-"). Colorful is intended for both designers and non-designers. Designers will apreciate the approach to integrating color palletes throughout a project without having to rewrite them from scratch in CSS. Developers will enjoy a standardized and easy-to-remember syntax that reduces ambiguety and provides a structure for all members of a project team to easily adapt into their workflow. Finally, hobby-coders and anyone looking to colorize their digital web projects will like how there really isn't much work involved in using colorful; no expansive documentation, no advanced syntax to memorize, no pre-required CSS knowledge, and only minimal knowledge of how to add a class to an HTML element like this. Although very narrow in scope, Colorful fills a vital area of web design, colors!

Example Use

class="colorful-green-500"

No SASS, No Problem

All of the CSS is compiled down to a lightweight file. Just drop the file into your project and link to it. That's it!

Got SASS?

All of the SASS partials are prefixed with "_" and are imported into "colorful.scss". Once you've cloned the repo, start poking those files. Don't forget to check out the example.html (or example.php) file to learn about how to quickly change around the SASS.

Not sure where to start?

Check out the example page here: https://rvrsfall.github.io/colorful/

Run a LAMP server?

Check out the index.php which allows you to build your own tests and mess with the code without writing from scratch in HTML.

Credit

The default color palette used was heavily inspired by Google's Material Design palette. https://material.google.com/style/color.html#color-color-palette

About

Colorful.css is a simple yet elegant color class library inspired by the Pantone Color Palette.

https://rvrsfall.github.io/colorful/


Languages

Language:SCSS 73.2%Language:HTML 18.0%Language:PHP 8.8%