colorkit 0.4.5
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE +21 -0
- data/README.md +70 -0
- data/lib/colorkit.rb +3 -0
- data/stylesheets/_colorkit.scss +19 -0
- data/stylesheets/colorkit/_color-library.scss +20 -0
- data/stylesheets/colorkit/_color-scheme.scss +291 -0
- data/stylesheets/colorkit/_colorkit.scss +190 -0
- data/stylesheets/colorkit/color-library/_blue-greens.scss +43 -0
- data/stylesheets/colorkit/color-library/_blue-violets.scss +43 -0
- data/stylesheets/colorkit/color-library/_blues.scss +43 -0
- data/stylesheets/colorkit/color-library/_browns.scss +43 -0
- data/stylesheets/colorkit/color-library/_css3-color-keywords.scss +190 -0
- data/stylesheets/colorkit/color-library/_grays.scss +43 -0
- data/stylesheets/colorkit/color-library/_greens.scss +43 -0
- data/stylesheets/colorkit/color-library/_oranges.scss +43 -0
- data/stylesheets/colorkit/color-library/_red-oranges.scss +43 -0
- data/stylesheets/colorkit/color-library/_red-violets.scss +43 -0
- data/stylesheets/colorkit/color-library/_reds.scss +43 -0
- data/stylesheets/colorkit/color-library/_violets.scss +43 -0
- data/stylesheets/colorkit/color-library/_whites.scss +43 -0
- data/stylesheets/colorkit/color-library/_yellow-greens.scss +43 -0
- data/stylesheets/colorkit/color-library/_yellow-oranges.scss +43 -0
- data/stylesheets/colorkit/color-library/_yellows.scss +43 -0
- data/templates/project/_color-pallet.scss +106 -0
- data/templates/project/manifest.rb +3 -0
- data/templates/project/screen.scss +1 -0
- metadata +101 -0
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Blue-Greens
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$blue-green: mix(blue, green) !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$blue-green--tint-stack: tint-stack($blue-green, $sixths);
|
12
|
+
|
13
|
+
$blue-green--tint-1: nth($blue-green--tint-stack, 2);
|
14
|
+
$blue-green--tint-2: nth($blue-green--tint-stack, 3);
|
15
|
+
$blue-green--tint-3: nth($blue-green--tint-stack, 4);
|
16
|
+
$blue-green--tint-4: nth($blue-green--tint-stack, 5);
|
17
|
+
$blue-green--tint-5: nth($blue-green--tint-stack, 6);
|
18
|
+
$blue-green--tint-6: nth($blue-green--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$blue-green--tone-stack: tone-stack($blue-green, $sixths);
|
24
|
+
|
25
|
+
$blue-green--tone-1: nth($blue-green--tone-stack, 2);
|
26
|
+
$blue-green--tone-2: nth($blue-green--tone-stack, 3);
|
27
|
+
$blue-green--tone-3: nth($blue-green--tone-stack, 4);
|
28
|
+
$blue-green--tone-4: nth($blue-green--tone-stack, 5);
|
29
|
+
$blue-green--tone-5: nth($blue-green--tone-stack, 6);
|
30
|
+
$blue-green--tone-6: nth($blue-green--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$blue-green--shade-stack: shade-stack($blue-green, $sixths);
|
36
|
+
|
37
|
+
$blue-green--shade-1: nth($blue-green--shade-stack, 2);
|
38
|
+
$blue-green--shade-2: nth($blue-green--shade-stack, 3);
|
39
|
+
$blue-green--shade-3: nth($blue-green--shade-stack, 4);
|
40
|
+
$blue-green--shade-4: nth($blue-green--shade-stack, 5);
|
41
|
+
$blue-green--shade-5: nth($blue-green--shade-stack, 6);
|
42
|
+
$blue-green--shade-6: nth($blue-green--shade-stack, 7);
|
43
|
+
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Blue-Violets
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$blue-violet: mix(blue, violet) !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$blue-violet--tint-stack: tint-stack($blue-violet, $sixths);
|
12
|
+
|
13
|
+
$blue-violet--tint-1: nth($blue-violet--tint-stack, 2);
|
14
|
+
$blue-violet--tint-2: nth($blue-violet--tint-stack, 3);
|
15
|
+
$blue-violet--tint-3: nth($blue-violet--tint-stack, 4);
|
16
|
+
$blue-violet--tint-4: nth($blue-violet--tint-stack, 5);
|
17
|
+
$blue-violet--tint-5: nth($blue-violet--tint-stack, 6);
|
18
|
+
$blue-violet--tint-6: nth($blue-violet--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$blue-violet--tone-stack: tone-stack($blue-violet, $sixths);
|
24
|
+
|
25
|
+
$blue-violet--tone-1: nth($blue-violet--tone-stack, 2);
|
26
|
+
$blue-violet--tone-2: nth($blue-violet--tone-stack, 3);
|
27
|
+
$blue-violet--tone-3: nth($blue-violet--tone-stack, 4);
|
28
|
+
$blue-violet--tone-4: nth($blue-violet--tone-stack, 5);
|
29
|
+
$blue-violet--tone-5: nth($blue-violet--tone-stack, 6);
|
30
|
+
$blue-violet--tone-6: nth($blue-violet--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$blue-violet--shade-stack: shade-stack($blue-violet, $sixths);
|
36
|
+
|
37
|
+
$blue-violet--shade-1: nth($blue-violet--shade-stack, 2);
|
38
|
+
$blue-violet--shade-2: nth($blue-violet--shade-stack, 3);
|
39
|
+
$blue-violet--shade-3: nth($blue-violet--shade-stack, 4);
|
40
|
+
$blue-violet--shade-4: nth($blue-violet--shade-stack, 5);
|
41
|
+
$blue-violet--shade-5: nth($blue-violet--shade-stack, 6);
|
42
|
+
$blue-violet--shade-6: nth($blue-violet--shade-stack, 7);
|
43
|
+
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Blues
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$blue: #0000FF !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$blue--tint-stack: tint-stack($blue, $sixths);
|
12
|
+
|
13
|
+
$blue--tint-1: nth($blue--tint-stack, 2);
|
14
|
+
$blue--tint-2: nth($blue--tint-stack, 3);
|
15
|
+
$blue--tint-3: nth($blue--tint-stack, 4);
|
16
|
+
$blue--tint-4: nth($blue--tint-stack, 5);
|
17
|
+
$blue--tint-5: nth($blue--tint-stack, 6);
|
18
|
+
$blue--tint-6: nth($blue--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$blue--tone-stack: tone-stack($blue, $sixths);
|
24
|
+
|
25
|
+
$blue--tone-1: nth($blue--tone-stack, 2);
|
26
|
+
$blue--tone-2: nth($blue--tone-stack, 3);
|
27
|
+
$blue--tone-3: nth($blue--tone-stack, 4);
|
28
|
+
$blue--tone-4: nth($blue--tone-stack, 5);
|
29
|
+
$blue--tone-5: nth($blue--tone-stack, 6);
|
30
|
+
$blue--tone-6: nth($blue--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$blue--shade-stack: shade-stack($blue, $sixths);
|
36
|
+
|
37
|
+
$blue--shade-1: nth($blue--shade-stack, 2);
|
38
|
+
$blue--shade-2: nth($blue--shade-stack, 3);
|
39
|
+
$blue--shade-3: nth($blue--shade-stack, 4);
|
40
|
+
$blue--shade-4: nth($blue--shade-stack, 5);
|
41
|
+
$blue--shade-5: nth($blue--shade-stack, 6);
|
42
|
+
$blue--shade-6: nth($blue--shade-stack, 7);
|
43
|
+
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Browns
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$brown: #A52A2A !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$brown--tint-stack: tint-stack($brown, $sixths);
|
12
|
+
|
13
|
+
$brown--tint-1: nth($brown--tint-stack, 2);
|
14
|
+
$brown--tint-2: nth($brown--tint-stack, 3);
|
15
|
+
$brown--tint-3: nth($brown--tint-stack, 4);
|
16
|
+
$brown--tint-4: nth($brown--tint-stack, 5);
|
17
|
+
$brown--tint-5: nth($brown--tint-stack, 6);
|
18
|
+
$brown--tint-6: nth($brown--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$brown--tone-stack: tone-stack($brown, $sixths);
|
24
|
+
|
25
|
+
$brown--tone-1: nth($brown--tone-stack, 2);
|
26
|
+
$brown--tone-2: nth($brown--tone-stack, 3);
|
27
|
+
$brown--tone-3: nth($brown--tone-stack, 4);
|
28
|
+
$brown--tone-4: nth($brown--tone-stack, 5);
|
29
|
+
$brown--tone-5: nth($brown--tone-stack, 6);
|
30
|
+
$brown--tone-6: nth($brown--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$brown--shade-stack: shade-stack($brown, $sixths);
|
36
|
+
|
37
|
+
$brown--shade-1: nth($brown--shade-stack, 2);
|
38
|
+
$brown--shade-2: nth($brown--shade-stack, 3);
|
39
|
+
$brown--shade-3: nth($brown--shade-stack, 4);
|
40
|
+
$brown--shade-4: nth($brown--shade-stack, 5);
|
41
|
+
$brown--shade-5: nth($brown--shade-stack, 6);
|
42
|
+
$brown--shade-6: nth($brown--shade-stack, 7);
|
43
|
+
|
@@ -0,0 +1,190 @@
|
|
1
|
+
/**
|
2
|
+
* Level 3 CSS Color Module Keywords
|
3
|
+
*
|
4
|
+
* The color keywords defined in SVG: http://www.w3.org/TR/css3-color/
|
5
|
+
* as referenced by the CSS Color Module Level 3: http://www.w3.org/TR/SVG/types.html#ColorKeywords
|
6
|
+
*/
|
7
|
+
|
8
|
+
|
9
|
+
/**
|
10
|
+
* Reds
|
11
|
+
*/
|
12
|
+
$indianred: indianred;
|
13
|
+
$lightcoral: lightcoral;
|
14
|
+
$salmon: salmon;
|
15
|
+
$darksalmon: darksalmon;
|
16
|
+
$crimson: crimson;
|
17
|
+
$red: red;
|
18
|
+
$firebrick: firebrick;
|
19
|
+
$darkred: darkred;
|
20
|
+
|
21
|
+
/**
|
22
|
+
* Pinks
|
23
|
+
*/
|
24
|
+
$pink: pink;
|
25
|
+
$lightpink: lightpink;
|
26
|
+
$hotpink: hotpink;
|
27
|
+
$deeppink: deeppink;
|
28
|
+
$mediumvioletred: mediumvioletred;
|
29
|
+
$palevioletred: palevioletred;
|
30
|
+
|
31
|
+
/**
|
32
|
+
* Oranges
|
33
|
+
*/
|
34
|
+
$lightsalmon: lightsalmon;
|
35
|
+
$coral: coral;
|
36
|
+
$tomato: tomato;
|
37
|
+
$orangered: orangered;
|
38
|
+
$darkorange: darkorange;
|
39
|
+
$orange: orange;
|
40
|
+
|
41
|
+
/**
|
42
|
+
* Yellows
|
43
|
+
*/
|
44
|
+
$gold: gold;
|
45
|
+
$yellow: yellow;
|
46
|
+
$lightyellow: lightyellow;
|
47
|
+
$lemonchiffon: lemonchiffon;
|
48
|
+
$lightgoldenrodyellow: lightgoldenrodyellow;
|
49
|
+
$papayawhip: papayawhip;
|
50
|
+
$moccasin: moccasin;
|
51
|
+
$peachpuff: peachpuff;
|
52
|
+
$palegoldenrod: palegoldenrod;
|
53
|
+
$khaki: khaki;
|
54
|
+
$darkkhaki: darkkhaki;
|
55
|
+
|
56
|
+
/**
|
57
|
+
* Purples
|
58
|
+
*/
|
59
|
+
$lavender: lavender;
|
60
|
+
$thistle: thistle;
|
61
|
+
$plum: plum;
|
62
|
+
$violet: violet;
|
63
|
+
$orchid: orchid;
|
64
|
+
$magenta: magenta;
|
65
|
+
$mediumorchid: mediumorchid;
|
66
|
+
$mediumpurple: mediumpurple;
|
67
|
+
$blueviolet: blueviolet;
|
68
|
+
$darkviolet: darkviolet;
|
69
|
+
$darkorchid: darkorchid;
|
70
|
+
$darkmagenta: darkmagenta;
|
71
|
+
$purple: purple;
|
72
|
+
$indigo: indigo;
|
73
|
+
$slateblue: slateblue;
|
74
|
+
$darkslateblue: darkslateblue;
|
75
|
+
$mediumslateblue: mediumslateblue;
|
76
|
+
|
77
|
+
/**
|
78
|
+
* Greens
|
79
|
+
*/
|
80
|
+
$greenyellow: greenyellow;
|
81
|
+
$chartreuse: chartreuse;
|
82
|
+
$lawngreen: lawngreen;
|
83
|
+
$lime: lime;
|
84
|
+
$limegreen: limegreen;
|
85
|
+
$palegreen: palegreen;
|
86
|
+
$lightgreen: lightgreen;
|
87
|
+
$mediumspringgreen: mediumspringgreen;
|
88
|
+
$springgreen: springgreen;
|
89
|
+
$mediumseagreen: mediumseagreen;
|
90
|
+
$seagreen: seagreen;
|
91
|
+
$forestgreen: forestgreen;
|
92
|
+
$green: green;
|
93
|
+
$darkgreen: darkgreen;
|
94
|
+
$yellowgreen: yellowgreen;
|
95
|
+
$olivedrab: olivedrab;
|
96
|
+
$olive: olive;
|
97
|
+
$darkolivegreen: darkolivegreen;
|
98
|
+
$mediumaquamarine: mediumaquamarine;
|
99
|
+
$turquoise: turquoise;
|
100
|
+
$darkseagreen: darkseagreen;
|
101
|
+
$lightseagreen: lightseagreen;
|
102
|
+
$darkcyan: darkcyan;
|
103
|
+
$teal: teal;
|
104
|
+
|
105
|
+
/**
|
106
|
+
* Blues/Cyans
|
107
|
+
*/
|
108
|
+
$cyan: cyan;
|
109
|
+
$lightcyan: lightcyan;
|
110
|
+
$paleturquoise: paleturquoise;
|
111
|
+
$aquamarine: aquamarine;
|
112
|
+
$mediumturquoise: mediumturquoise;
|
113
|
+
$darkturquoise: darkturquoise;
|
114
|
+
$cadetblue: cadetblue;
|
115
|
+
$steelblue: steelblue;
|
116
|
+
$lightsteelblue: lightsteelblue;
|
117
|
+
$powderblue: powderblue;
|
118
|
+
$lightblue: lightblue;
|
119
|
+
$skyblue: skyblue;
|
120
|
+
$deepskyblue: deepskyblue;
|
121
|
+
$dodgerblue: dodgerblue;
|
122
|
+
$cornflowerblue: cornflowerblue;
|
123
|
+
$royalblue: royalblue;
|
124
|
+
$blue: blue;
|
125
|
+
$mediumblue: mediumblue;
|
126
|
+
$darkblue: darkblue;
|
127
|
+
$navy: navy;
|
128
|
+
$midnightblue: midnightblue;
|
129
|
+
|
130
|
+
/**
|
131
|
+
* Browns
|
132
|
+
*/
|
133
|
+
$cornsilk: cornsilk;
|
134
|
+
$blanchedalmond: blanchedalmond;
|
135
|
+
$bisque: bisque;
|
136
|
+
$navajowhite: navajowhite;
|
137
|
+
$wheat: wheat;
|
138
|
+
$burlywood: burlywood;
|
139
|
+
$tan: tan;
|
140
|
+
$rosybrown: rosybrown;
|
141
|
+
$sandybrown: sandybrown;
|
142
|
+
$goldenrod: goldenrod;
|
143
|
+
$darkgoldenrod: darkgoldenrod;
|
144
|
+
$peru: peru;
|
145
|
+
$chocolate: chocolate;
|
146
|
+
$saddlebrown: saddlebrown;
|
147
|
+
$sienna: sienna;
|
148
|
+
$brown: brown;
|
149
|
+
$maroon: maroon;
|
150
|
+
|
151
|
+
/**
|
152
|
+
* Whites
|
153
|
+
*/
|
154
|
+
$white: white;
|
155
|
+
$snow: snow;
|
156
|
+
$honeydew: honeydew;
|
157
|
+
$mintcream: mintcream;
|
158
|
+
$azure: azure;
|
159
|
+
$aliceblue: aliceblue;
|
160
|
+
$ghostwhite: ghostwhite;
|
161
|
+
$whitesmoke: whitesmoke;
|
162
|
+
$seashell: seashell;
|
163
|
+
$beige: beige;
|
164
|
+
$oldlace: oldlace;
|
165
|
+
$floralwhite: floralwhite;
|
166
|
+
$ivory: ivory;
|
167
|
+
$antiquewhite: antiquewhite;
|
168
|
+
$linen: linen;
|
169
|
+
$lavenderblush: lavenderblush;
|
170
|
+
$mistyrose: mistyrose;
|
171
|
+
|
172
|
+
/**
|
173
|
+
* Greys
|
174
|
+
*/
|
175
|
+
$gainsboro: gainsboro;
|
176
|
+
$lightgrey: lightgrey;
|
177
|
+
$silver: silver;
|
178
|
+
$darkgrey: darkgrey;
|
179
|
+
$grey: gray;
|
180
|
+
$dimgrey: dimgrey;
|
181
|
+
$lightslategrey: lightslategrey;
|
182
|
+
$darkslategrey: darkslategrey;
|
183
|
+
$black: black;
|
184
|
+
// alternate spellings:
|
185
|
+
$darkgrey: darkgrey;
|
186
|
+
$darkslategray: darkslategrey;
|
187
|
+
$dimgray: dimgrey;
|
188
|
+
$gray: gray;
|
189
|
+
$lightgray: lightgrey;
|
190
|
+
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Greys
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$grey: #808080 !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$grey--tint-stack: tint-stack($grey, $sixths);
|
12
|
+
|
13
|
+
$grey--tint-1: nth($grey--tint-stack, 2);
|
14
|
+
$grey--tint-2: nth($grey--tint-stack, 3);
|
15
|
+
$grey--tint-3: nth($grey--tint-stack, 4);
|
16
|
+
$grey--tint-4: nth($grey--tint-stack, 5);
|
17
|
+
$grey--tint-5: nth($grey--tint-stack, 6);
|
18
|
+
$grey--tint-6: nth($grey--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$grey--tone-stack: tone-stack($grey, $sixths);
|
24
|
+
|
25
|
+
$grey--tone-1: nth($grey--tone-stack, 2);
|
26
|
+
$grey--tone-2: nth($grey--tone-stack, 3);
|
27
|
+
$grey--tone-3: nth($grey--tone-stack, 4);
|
28
|
+
$grey--tone-4: nth($grey--tone-stack, 5);
|
29
|
+
$grey--tone-5: nth($grey--tone-stack, 6);
|
30
|
+
$grey--tone-6: nth($grey--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$grey--shade-stack: shade-stack($grey, $sixths);
|
36
|
+
|
37
|
+
$grey--shade-1: nth($grey--shade-stack, 2);
|
38
|
+
$grey--shade-2: nth($grey--shade-stack, 3);
|
39
|
+
$grey--shade-3: nth($grey--shade-stack, 4);
|
40
|
+
$grey--shade-4: nth($grey--shade-stack, 5);
|
41
|
+
$grey--shade-5: nth($grey--shade-stack, 6);
|
42
|
+
$grey--shade-6: nth($grey--shade-stack, 7);
|
43
|
+
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/**
|
2
|
+
* Greens
|
3
|
+
*
|
4
|
+
*/
|
5
|
+
|
6
|
+
$green: #008800 !default;
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Tints
|
10
|
+
*/
|
11
|
+
$green--tint-stack: tint-stack($green, $sixths);
|
12
|
+
|
13
|
+
$green--tint-1: nth($green--tint-stack, 2);
|
14
|
+
$green--tint-2: nth($green--tint-stack, 3);
|
15
|
+
$green--tint-3: nth($green--tint-stack, 4);
|
16
|
+
$green--tint-4: nth($green--tint-stack, 5);
|
17
|
+
$green--tint-5: nth($green--tint-stack, 6);
|
18
|
+
$green--tint-6: nth($green--tint-stack, 7);
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Tones
|
22
|
+
*/
|
23
|
+
$green--tone-stack: tone-stack($green, $sixths);
|
24
|
+
|
25
|
+
$green--tone-1: nth($green--tone-stack, 2);
|
26
|
+
$green--tone-2: nth($green--tone-stack, 3);
|
27
|
+
$green--tone-3: nth($green--tone-stack, 4);
|
28
|
+
$green--tone-4: nth($green--tone-stack, 5);
|
29
|
+
$green--tone-5: nth($green--tone-stack, 6);
|
30
|
+
$green--tone-6: nth($green--tone-stack, 7);
|
31
|
+
|
32
|
+
/**
|
33
|
+
* Shades
|
34
|
+
*/
|
35
|
+
$green--shade-stack: shade-stack($green, $sixths);
|
36
|
+
|
37
|
+
$green--shade-1: nth($green--shade-stack, 2);
|
38
|
+
$green--shade-2: nth($green--shade-stack, 3);
|
39
|
+
$green--shade-3: nth($green--shade-stack, 4);
|
40
|
+
$green--shade-4: nth($green--shade-stack, 5);
|
41
|
+
$green--shade-5: nth($green--shade-stack, 6);
|
42
|
+
$green--shade-6: nth($green--shade-stack, 7);
|
43
|
+
|