arnaucube/cssMaterialColors
1
0
Fork 0
mirror of https://github.com/arnaucube/cssMaterialColors.git synced 2026-02-06 19:06:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
arnaucode
2018-06-05 16:14:50 +02:00
parent 6dfc63506d
commit ded47fc96f
2 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -2,12 +2,12 @@
## Install with npm ## Install with npm
``` ```
npm install --save cssMaterialColors npm install --save cssmaterialcolors
``` ```
Add to the index.html: Add to the index.html:
```html ```html
<link href="node_modules/cssMaterialColors/colors.css" rel="stylesheet"> <link href="node_modules/cssmaterialcolors/colors.css" rel="stylesheet">
``` ```
## Install with bower ## Install with bower

30
colors.css
View File

@@ -231,6 +231,11 @@
border: 2px solid #7986CB!important; border: 2px solid #7986CB!important;
color: #7986CB!important; color: #7986CB!important;
} }
.c_o_indigo300:hover{
background: #7986CB!important;
border: 2px solid #7986CB!important;
color: #ffffff!important;
}
.c_indigoG500to300{ .c_indigoG500to300{
background: -moz-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ff3.6+ */ background: -moz-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ff3.6+ */
@@ -340,7 +345,21 @@
border: 2px solid #4DD0E1!important; border: 2px solid #4DD0E1!important;
color: #4DD0E1!important; color: #4DD0E1!important;
} }
.c_o_cyan400{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #26C6DA!important;
color: #4DD0E1!important;
}
.c_o_cyan500{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #00BCD4!important;
color: #4DD0E1!important;
}
.c_o_cyan600{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #00ACC1!important;
color: #4DD0E1!important;
}
.ct_cyan500{ .ct_cyan500{
color: #00BCD4!important; color: #00BCD4!important;
@@ -353,6 +372,15 @@
background: -webkit-linear-gradient(left, #00BCD4 0%,#4DD0E1 100%)!important; background: -webkit-linear-gradient(left, #00BCD4 0%,#4DD0E1 100%)!important;
background: linear-gradient(to right, #00BCD4 0%,#4DD0E1 100%)!important; background: linear-gradient(to right, #00BCD4 0%,#4DD0E1 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BCD4', endColorstr='#4DD0E1',GradientType=1 )!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BCD4', endColorstr='#4DD0E1',GradientType=1 )!important;
color: #ffffff!important;
}
.c_cyanG300to500{
background: #4DD0E1!important;
background: -moz-linear-gradient(left, #4DD0E1 0%, #00BCD4 100%)!important;
background: -webkit-linear-gradient(left, #4DD0E1 0%,#00BCD4 100%)!important;
background: linear-gradient(to right, #4DD0E1 0%,#00BCD4 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DD0E1', endColorstr='#00BCD4',GradientType=1 )!important;
color: #ffffff!important;
} }