UNPKG

d2-ui

Version:

d2-ui

github.com/dhis2/d2-ui

dhis2/d2-ui

40 lines (25 loc) • 1.35 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
[![Bower version](https://badge.fury.io/bo/material-colors.svg)](http://badge.fury.io/bo/material-colors) [![NPM version](https://badge.fury.io/js/material-colors.svg)](http://badge.fury.io/js/material-colors) # Material Colors Colors from [Google's Material Design](http://www.google.com/design/spec/style/color.html) made available to coders. The colors are scraped from the guide. The idea to publish colors in multiple forms is stolen from [mrmrs/colors](https://github.com/mrmrs/colors). ## Available Forms - CSS: Classes for prototyping such as `.color-red-100`, `.bg-red-100`, `.border-red-100`, `.fill-red-100` and `.stroke-red-100`. - Sass, Scss: Color variables such as `$md-red-100`. - Less: Color variables such as `@md-red-100`. - Stylus: Color variables such as `md-red-100`. - JSON: Raw data of colors. Key names are hypenated. e.g. `deep-purple` - JavaScript: Color set object provided via AMD, CommonJS or global variable `materialColor`. Key names are camelcase. e.g. `deepPurple` See [dist directory](dist) or [demo](http://shuheikagawa.com/material-colors/) for more details. ## Usage ### Download Download what you like from [dist directory](dist) and use it. ### Bower ``` bower install material-colors ``` and use what you like in `bower_components/material-colors/dist`. ### NPM ``` npm install material-colors ```