https://github.com/pfist/quantum-colors

Material Design color palette for your Sass projects.
https://github.com/pfist/quantum-colors

Last synced: about 1 month ago
JSON representation

Material Design color palette for your Sass projects.

• Host: GitHub
• URL: https://github.com/pfist/quantum-colors
• Owner: pfist
• License: mit
• Created: 2014-10-01T04:52:03.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-01-29T16:54:21.000Z (over 6 years ago)
• Last Synced: 2024-05-16T09:50:10.663Z (about 1 month ago)
• Language: CSS
• Homepage:
• Size: 11.7 KB
• Stars: 39
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-material - quantum-colors

README

        
[![Quantum Colors Logo](https://dl.dropboxusercontent.com/u/3106750/github/quantum-colors-logo.png)](https://github.com/nickpfisterer/quantum-colors/releases/latest)

==============

Use the color palette from Google's [Material Design](http://www.google.com/design/spec/style/color.html#color-ui-color-palette) spec in your Sass projects.

## Installation

* Install via [Bower](http://bower.io) ```bower install quantum-colors --save```

* [Download](https://github.com/nickpfisterer/quantum-colors) and add to your project manually

## Usage

Import Quantum Colors at the top of your Sass files. For example:

```scss

@import "../bower_components/quantum-colors/quantum-colors";

```

With the exception of ```$black``` and ```$white```, all colors use the naming convention presented in the Material Design spec. For example, to use Red 500 as a background color:

```scss

.my-red-thing {

    background-color: $red-500;

}

```

That's all there is to it. If you find any bugs or have suggestions for a future version, please feel free to [submit an issue](https://github.com/nickpfisterer/quantum-colors/issues).

## Changelog

**v1.1.0** (02-24-2016):

* Update $blue series to match Google's updated palette (thanks to @mingjuitsai)

**v1.0.1** (10-01-2014):

* Fix a bug with Amber A700

**v1.0.0** (10-01-2014):

* First release

* Bower support

* Discoverable on [Sache](http://sache.in)