Host socialColors yourself
Prefer to get a copy and use socialColors alongside your own project’s source code while building locally and serving in production? Downloading and hosting socialColors yourself is great for when you have many sites or apps in one codebase or want to customize parts of socialColors for your workflow.
The socialColors Package contains the following directories and files:
/css/socialcolors.cssfile contains the core stylings plus all of the colors that you´ll need when using socialColors.
Copy the entire
/css/socialcolors.cssinto your project´s static assets directory (or where ever you prefer to keep front end assets or vendor stuff)
Add a reference to the copied
/css/socialcolors.cssfile into the
<head>of each template or page that you want to use socialColors on.
<link href="/your-path-to-socialcolors/css/socialcolors.css" rel="stylesheet">
<!--load all styles -->
<!-- Colors -->
<p class="sc sc-instagram sc-color">Test</p>
<div class="sc sc-instagram sc-hover"></div>
<!-- Background-Colors -->
<p class="sc sc-instagram sc-background">Test</p>
<div class="sc sc-instagram sc-background-hover"></div>