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>

Next - Setup

Host socialColors yourself

Last updated 10 months ago

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>`