Basic Use

You can place socialColors just about anywhere using a style prefix and the color's name.

socialColors is designed to be used with every element you can style with color/background-color.

<p class="sc sc-instagram sc-color">Instagram</p> <!-- Instagram Font Color-->

Style

Style Class

Example

Color

sc-color

<p class="sc sc-color sc-instagram">Instagram</p>

Color (hover)

sc-hover

<p class="sc sc-hover sc-instagram">Instagram</p>

Background

sc-background

<p class="sc sc-background sc-instagram">Instagram</p>

Background (hover)

sc-background-hover

<p class="sc sc-background-hover sc-instagram">Instagram</p>