forked from Polymer/old-docs-site
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmaterial.scss
More file actions
96 lines (79 loc) · 2.25 KB
/
material.scss
File metadata and controls
96 lines (79 loc) · 2.25 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
/*
* @license
* Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
* Code distributed by Google as part of the polymer project is also
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
@import "vars";
$materialPurple: #3e50b4;
$materialLightPurple: #c4c9e8;
$materialOrange: #ff5621;
$materialLightOrange: #ffcbbb;
$materialPink: #e81d62;
$materialLightPink: #f7bacf;
$materialYellow: #f3b300;
$materialLightYellow: #fbe7b1;
$materialGreen: #00bea4;
$materialLightGreen: #a6ffea;
$materialTeal: #00bbd3;
$materialLightTeal: #b1eaf1;
$materialBlue: #4184f3;
$materialLightBlue: #c5d9fb;
.material-purple {
background-color: $materialPurple;
}
.material-purple-light {
background-color: $materialLightPurple;
// border-color: $materialLightPurple;
}
.material-orange {
background-color: $materialOrange;
// border-color: $materialOrange;
}
.material-orange-light {
background-color: $materialLightOrange;
// border-color: $materialLightOrange;
}
.material-pink {
background-color: $materialPink;
// border-color: $materialPink;
}
.material-pink-light {
background-color: $materialLightPink;
// border-color: $materialLightPink;
}
.material-yellow {
background-color: $materialYellow;
// border-color: $materialYellow;
}
.material-yellow-light {
background-color: $materialLightYellow;
// border-color: $materialLightYellow;
}
.material-green {
background-color: $materialGreen;
// border-color: $materialGreen;
}
.material-green-light {
background-color: $materialLightGreen;
// border-color: $materialLightGreen;
}
.material-teal {
background-color: $materialTeal;
// border-color: $materialTeal;
}
.material-teal-light {
background-color: $materialLightTeal;
// border-color: $materialLightTeal;
}
.material-blue {
background-color: $materialBlue;
// border-color: $materialBlue;
}
.material-blue-light {
background-color: $materialLightBlue;
// border-color: $materialLightBlue;
}