https://github.com/thejuse/socialcolors

The most used Brand & SocialMedia Colors for WebDevelopers - 136 Colors
https://github.com/thejuse/socialcolors

backgroundcolor brand brandcolors brands colors css css-prefix less opensource scss socialmedia socialmedia-colors

Last synced: 2 months ago
JSON representation

The most used Brand & SocialMedia Colors for WebDevelopers - 136 Colors

• Host: GitHub
• URL: https://github.com/thejuse/socialcolors
• Owner: Thejuse
• License: mit
• Created: 2017-10-28T10:18:26.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-04T17:52:19.000Z (over 5 years ago)
• Last Synced: 2024-08-30T18:17:48.003Z (5 months ago)
• Topics: backgroundcolor, brand, brandcolors, brands, colors, css, css-prefix, less, opensource, scss, socialmedia, socialmedia-colors
• Language: CSS
• Homepage: https://www.socialcolors.net/
• Size: 69.3 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SocialColors

[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/jseidlAT/5.99)

[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Thejuse/cookiebanner/blob/master/LICENSE)

> The most used Brand & SocialMedia Colors for WebDevelopers

## Getting Started

### Download & Customize

You want to manage & host SocialColors yourself? You can [download](https://github.com/Thejuse/SocialColors/zipball/master), customice and use the colors and default stylings manually. Both CSS and CSS Preprocessor (SCSS) formats are included.

### Using CSS

1. Copy the `socialcolors.css` in your CSS directory.

2. In the `` of your html, reference the location to your socialColors.css or socialColors.min.css   ``

3. Check out the examples to start using socialColors

### Using SCSS

1. Copy the `socialColors.scss` or `socialColors.css`  in your SCSS/CSS directory.

2. Open your project and edit the things you want.

3. Re-Complie your SCCS if using a static compiler. Otherwise, you should be good to go.

4. Check out the examples

### Using CDN   

CSS - ``    

Min-CSS - `` 

### Using NPM

`npm install socialcolors` - Add to your NPM-Project

## Examples

### Basic use

#### Color

You can place the socialColors enywhere using the CSS Prefix `sc` and the Brand name.   

`
`

#### Background-color

  

For a backgroundcolor you using the CSS Prefix `sc`, the brand name & `sc-background`

`
`

## All Colors:

View the Colors here: [socialcolors.net](https://www.socialcolors.net/)

## Licence

Copyright (c) 2017-2019 [Julian Seidl](https://www.jseidl.at)

Licensed under the [MIT Licence](LICENCE)