This is a simple light weight CSS class composed of all the material colors from Google mainly for background colors only.
-
Complete 19 colors from Material Palette.
-
layers of 1 to 9 , inluding a1, a2, a4 and a7.
-
Color Layer is 5 by Default, so you can simply call "red" instead of red-5
-
Minified CSS available.
-
You can check out the Material Pallete Here 😉
Include copy the file to your CSS folder and include this to your head Tag
<head>
<link rel="stylesheet" href="css/MDC.css">
<link rel="stylesheet" href="css/MDC.min.css">
</head>
It make use of "colorname-layernumber"
- Example
<div class="red-6"></div>
<div class="l-green-a1"></div>
- red
- pink
- purple
- dp-purple (deep purple
- indigo
- blue
- l-blue (light blue)
- cyan
- teal
- green
- l-green (light green)
- lime
- yellow
- amber
- orange
- dp-orange (deep orange)
- brown
- grey
- blue-grey
Enjoy 👍 😄 👊
For those who contributed to MDC, you can add the following to the file
- Include your fullname name
- and your Username in form of a link
Example