Repository files navigation

Color.es is a tiny bit CSS library fueled with SCSS on the back.

• DownloadZIP or Clone Project
• Bowerbower install colores

Color.es comes with a built-in demo, Please refer to folder/public. If you would like to skip the demo, all you have to do is:

1. Include thecss files located in thedist folder on your root folder.
2. Include this new files on yourindex.html.

<link rel="stylesheet" href="color.es.min.css">

3. Use the Class namecolores to get the classes style properly place on your DOM, follow up with the color from the default palette.

Example )For this example, I am going to use the color yellow in default/primary color.

colores yellow - This will change the color of the container or background.

How About RED?

Pretty Simple, same idea behind, start by specifying the class namecolores follow by the colorred

<div> IS MY BG RED? </div>

It's okay, we got ya all cover, now since we only want the text color to change instead of the background colorwe are going to replace the class namecolores fortxt-cls follow by the color

txt-cls yellow

<div>  This is a Yellow Box</div>

<span>  This is a Yellow Text</span>

<div>  This is a Yellow Box  This is a <span>Dark Yellow</span> Text</div>

Use the proper class to change the style desiredtxt-cls orcolores yellow

Asides from that we have also included three tones asides from library primary tone in order to use ityou just have to specify the tone, if left blank the tone will go instantly to primary, you have three options light, dark, and darkerdepending on the option you will get the right property, per example.

colores yellow = Default Tonecolores yellow-light = Lighter tone from Default colores yellow-dark = Dark tone from Defaultcolores yellow-darker =  Darker tone from Dark Tone