piecss 0.2.0.0 → 0.3.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/piecss.rb +16 -5
- data/sass/piecss/_settings.scss +6 -3
- data/sass/piecss/_utilities.scss +3 -0
- data/sass/piecss/behavior/_anchor.scss +1 -1
- data/sass/piecss/settings/_base.scss +5 -25
- data/sass/piecss/settings/_breakpoint.scss +112 -18
- data/sass/piecss/settings/_button.scss +2 -2
- data/sass/piecss/settings/_colour.scss +152 -0
- data/sass/piecss/settings/_constants.scss +0 -143
- data/sass/piecss/settings/_font.scss +0 -21
- data/sass/piecss/settings/_form.scss +7 -9
- data/sass/piecss/settings/{_grid.scss → _layout.scss} +43 -44
- data/sass/piecss/settings/_list.scss +1 -1
- data/sass/piecss/settings/_miscellaneous.scss +5 -0
- data/sass/piecss/settings/_rhythm.scss +0 -0
- data/sass/piecss/settings/_typography.scss +13 -0
- data/sass/piecss/settings/fonts/_example.scss +36 -36
- data/sass/piecss/settings/fonts/_monospace.scss +33 -33
- data/sass/piecss/settings/fonts/_sans-serif.scss +33 -33
- data/sass/piecss/settings/fonts/_serif.scss +33 -33
- data/sass/piecss/settings/fonts/_verdana.scss +34 -34
- data/sass/piecss/utilities/_breakpoint.scss +5 -5
- data/sass/piecss/utilities/_cache.scss +8 -4
- data/sass/piecss/utilities/_colour.scss +37 -0
- data/sass/piecss/utilities/_element.scss +85 -88
- data/sass/piecss/utilities/_image.scss +20 -22
- data/sass/piecss/utilities/_layout.scss +382 -213
- data/sass/piecss/utilities/_list.scss +2 -0
- data/sass/piecss/utilities/_miscellaneous.scss +161 -99
- data/sass/piecss/utilities/_rhythm.scss +27 -59
- data/sass/piecss/utilities/_side.scss +155 -154
- data/sass/piecss/utilities/_string.scss +68 -0
- data/sass/piecss/utilities/_svg.scss +47 -0
- data/sass/piecss/utilities/_typography.scss +96 -107
- data/sass/piecss/utilities/_unit.scss +85 -50
- data/templates/project/_sets/_button.scss +1 -1
- data/templates/project/_sets/_form.scss +1 -1
- data/templates/project/_sets.scss +1 -1
- data/templates/project/_settings.scss +1 -1
- metadata +13 -40
- data/sass/piecss/settings/fonts/_asap.scss +0 -44
- data/sass/piecss/settings/fonts/_bree-serif.scss +0 -23
- data/sass/piecss/settings/fonts/_lato.scss +0 -32
- data/sass/piecss/settings/fonts/_pt-sans.scss +0 -40
- data/sass/piecss/settings/fonts/_raleway.scss +0 -31
- data/sass/piecss/settings/fonts/_righteous.scss +0 -23
- data/sass/piecss/settings/fonts/_roboto-slab.scss +0 -37
- data/sass/piecss/settings/fonts/_roboto.scss +0 -35
- data/sass/piecss/settings/fonts/_sofia-pro.scss +0 -40
- data/sass/piecss/settings/fonts/_varela-round.scss +0 -24
- data/sass/piecss/settings/fonts/icon-fonts/_fontawesome.scss +0 -33
- data/sass/piecss/settings/fonts/icon-fonts/_foundation-accessability.scss +0 -75
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_bootstrap.scss +0 -84
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_core.scss +0 -129
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_extras.scss +0 -93
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_icons.scss +0 -381
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_mixins.scss +0 -48
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss +0 -14
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_variables.scss +0 -734
- data/sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss +0 -28
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b7481f4a0a17af62b411c402369f026c80bb711d
|
4
|
+
data.tar.gz: 00defa1ccaa2009e0c581110be401483829a3c09
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 387328d81fcec0c83451307f8df10dcd05aa22b41596afd1617f38fe8785ae2a6f86ab066c9d5ab1fcf7e71a7c7bb6f8e739e075cb8d570c710108dc6a40ea74
|
7
|
+
data.tar.gz: 4ae988bfb93b6125bb65e65b7e259383fd46678657061cc777c552ffe4f279fe0c4a99e93a00fc54e8f93cd1cc61a64850bdf2d676a40d2f8f9f887779c4b9e5
|
data/lib/piecss.rb
CHANGED
@@ -1,6 +1,17 @@
|
|
1
|
-
require 'compass'
|
2
1
|
extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
2
|
+
stylesheets_path = File.join(base_directory, 'sass')
|
3
|
+
templates_path = File.join(base_directory, 'templates')
|
4
|
+
|
5
|
+
if (defined? Compass)
|
6
|
+
Compass::Frameworks.register('piecss',
|
7
|
+
:path => extension_path,
|
8
|
+
:stylesheets_directory => stylesheets_path,
|
9
|
+
:templates_directory => templates_path
|
10
|
+
else
|
11
|
+
# compass not found, register on the Sass path via the environment.
|
12
|
+
if ENV.has_key?("SASS_PATH")
|
13
|
+
ENV["SASS_PATH"] = ENV["SASS_PATH"] + File::PATH_SEPARATOR + stylesheets_path
|
14
|
+
else
|
15
|
+
ENV["SASS_PATH"] = stylesheets_path
|
16
|
+
end
|
17
|
+
end
|
data/sass/piecss/_settings.scss
CHANGED
@@ -6,14 +6,17 @@
|
|
6
6
|
// ==========================================================================
|
7
7
|
|
8
8
|
@import "settings/constants";
|
9
|
+
@import "settings/colour";
|
9
10
|
@import "settings/font";
|
11
|
+
@import "settings/typography";
|
10
12
|
@import "settings/base";
|
11
13
|
|
12
|
-
// All below rely on
|
14
|
+
// All below rely on settings/base
|
13
15
|
@import "settings/breakpoint";
|
14
16
|
|
15
|
-
//
|
16
|
-
@import "settings/
|
17
|
+
// All below rely on settings/breakpoint
|
18
|
+
@import "settings/layout";
|
17
19
|
@import "settings/form";
|
18
20
|
@import "settings/button";
|
19
21
|
@import "settings/list";
|
22
|
+
@import "settings/miscellaneous";
|
data/sass/piecss/_utilities.scss
CHANGED
@@ -2,6 +2,7 @@
|
|
2
2
|
|
3
3
|
@import "utilities/cache";
|
4
4
|
@import "utilities/unit";
|
5
|
+
@import "utilities/string";
|
5
6
|
@import "utilities/side";
|
6
7
|
@import "utilities/rhythm";
|
7
8
|
@import "utilities/breakpoint";
|
@@ -10,4 +11,6 @@
|
|
10
11
|
@import "utilities/element";
|
11
12
|
@import "utilities/image";
|
12
13
|
@import "utilities/list";
|
14
|
+
@import "utilities/colour";
|
15
|
+
@import "utilities/svg";
|
13
16
|
@import "utilities/miscellaneous";
|
@@ -1,26 +1,6 @@
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
2
|
|
3
3
|
|
4
|
-
///
|
5
|
-
/// Compass has deprecated this value. Piecss is still using it.
|
6
|
-
///
|
7
|
-
/// @since 0.1
|
8
|
-
///
|
9
|
-
/// @type {Bool}
|
10
|
-
///
|
11
|
-
|
12
|
-
$legacy-support-for-ie: false;
|
13
|
-
|
14
|
-
///
|
15
|
-
/// Compass has deprecated this value. Piecss is still using it.
|
16
|
-
///
|
17
|
-
/// @since 0.1
|
18
|
-
///
|
19
|
-
/// @type {Bool}
|
20
|
-
///
|
21
|
-
|
22
|
-
$legacy-support-for-mozilla: true;
|
23
|
-
|
24
4
|
///
|
25
5
|
/// The unit to which to-unit() will convert px values. Used in various functions and mixins.
|
26
6
|
///
|
@@ -53,14 +33,14 @@ $line-height-unit: 1% !default;
|
|
53
33
|
|
54
34
|
///
|
55
35
|
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
56
|
-
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
57
|
-
///
|
36
|
+
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
37
|
+
///
|
58
38
|
/// @since 0.1
|
59
39
|
///
|
60
40
|
/// @type {Number}
|
61
41
|
///
|
62
42
|
|
63
|
-
$base-font-size:
|
43
|
+
$base-font-size: 14px !default;
|
64
44
|
|
65
45
|
///
|
66
46
|
/// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
|
@@ -70,7 +50,7 @@ $base-font-size: 16px !default;
|
|
70
50
|
/// @type {Number}
|
71
51
|
///
|
72
52
|
|
73
|
-
$
|
53
|
+
$font-size: 14px !default;
|
74
54
|
|
75
55
|
///
|
76
56
|
/// The default line-height for your project. This is translated to the final unit of output using the [$line-height-unit](./#line-height-unit) variable.
|
@@ -80,7 +60,7 @@ $default-font-size: 16px !default;
|
|
80
60
|
/// @type {Number}
|
81
61
|
///
|
82
62
|
|
83
|
-
$
|
63
|
+
$line-height: 21px !default;
|
84
64
|
|
85
65
|
///
|
86
66
|
/// The default font for your project. It is set in a $font-type list, Piecss has a collection of pre-defined font-types that can be augmented.
|
@@ -1,65 +1,159 @@
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
2
|
|
3
3
|
|
4
|
+
// ==========================================================================
|
5
|
+
//
|
6
|
+
// CONTENT
|
7
|
+
//
|
8
|
+
// ==========================================================================
|
9
|
+
//
|
10
|
+
// 1. Breakpoint settings
|
11
|
+
|
12
|
+
|
13
|
+
// ==========================================================================
|
14
|
+
//
|
15
|
+
// BREAKPOINT SETTINGS
|
16
|
+
//
|
17
|
+
// ==========================================================================
|
18
|
+
|
19
|
+
|
20
|
+
///
|
21
|
+
/// Breakpoint selector: smaller than handheld
|
22
|
+
///
|
23
|
+
/// @since 1.0
|
24
|
+
///
|
25
|
+
/// @type {String}
|
26
|
+
///
|
27
|
+
|
28
|
+
$lt-small-handheld: "(max-width: #{to-unit(319px, $unit, $default-font-size)})" !default;
|
29
|
+
|
30
|
+
///
|
31
|
+
/// Breakpoint selector: larger than handheld
|
32
|
+
///
|
33
|
+
/// @since 1.0
|
34
|
+
///
|
35
|
+
/// @type {String}
|
36
|
+
///
|
37
|
+
|
38
|
+
$gt-small-handheld: "(min-width: #{to-unit(320px, $unit, $default-font-size)})" !default;
|
39
|
+
|
40
|
+
|
41
|
+
///
|
42
|
+
/// Breakpoint selector: smaller than medium-sized handheld
|
43
|
+
///
|
44
|
+
/// @since 1.0
|
45
|
+
///
|
46
|
+
/// @type {String}
|
47
|
+
///
|
48
|
+
|
49
|
+
$lt-medium-handheld: "(max-width: #{to-unit(519px, $unit, $default-font-size)})" !default;
|
50
|
+
|
51
|
+
///
|
52
|
+
/// Breakpoint selector: larger than medium-sized handheld
|
53
|
+
///
|
54
|
+
/// @since 1.0
|
55
|
+
///
|
56
|
+
/// @type {String}
|
57
|
+
///
|
58
|
+
|
59
|
+
$gt-medium-handheld: "(min-width: #{to-unit(520px, $unit, $default-font-size)})" !default;
|
60
|
+
|
61
|
+
///
|
62
|
+
/// Breakpoint selector: smaller than large-sized handheld
|
63
|
+
///
|
64
|
+
/// @since 1.0
|
65
|
+
///
|
66
|
+
/// @type {String}
|
67
|
+
///
|
68
|
+
|
69
|
+
$lt-large-handheld: "(max-width: #{to-unit(767px, $unit, $default-font-size)})" !default;
|
70
|
+
|
71
|
+
///
|
72
|
+
/// Breakpoint selector: larger than large-sized handheld
|
73
|
+
///
|
74
|
+
/// @since 1.0
|
75
|
+
///
|
76
|
+
/// @type {String}
|
77
|
+
///
|
78
|
+
|
79
|
+
$gt-large-handheld: "(min-width: #{to-unit(768px, $unit, $default-font-size)})" !default;
|
80
|
+
|
81
|
+
///
|
82
|
+
/// Breakpoint selector: smaller than small desktop
|
4
83
|
///
|
5
|
-
///
|
84
|
+
/// @since 1.0
|
85
|
+
///
|
86
|
+
/// @type {String}
|
6
87
|
///
|
7
|
-
|
88
|
+
|
89
|
+
$lt-small-desktop: "(max-width: #{to-unit(1023px, $unit, $default-font-size)})" !default;
|
90
|
+
|
91
|
+
///
|
92
|
+
/// Breakpoint selector: larger than small desktop
|
93
|
+
///
|
94
|
+
/// @since 1.0
|
8
95
|
///
|
9
96
|
/// @type {String}
|
10
97
|
///
|
11
98
|
|
12
|
-
$
|
99
|
+
$gt-small-desktop: "(min-width: #{to-unit(1024px, $unit, $default-font-size)})" !default;
|
13
100
|
|
14
101
|
///
|
15
|
-
/// Breakpoint
|
102
|
+
/// Breakpoint selector: smaller than medium-sized desktop
|
16
103
|
///
|
17
|
-
/// @since 0
|
104
|
+
/// @since 1.0
|
18
105
|
///
|
19
106
|
/// @type {String}
|
20
107
|
///
|
21
108
|
|
22
|
-
$
|
109
|
+
$lt-medium-desktop: "(max-width: #{to-unit(1259px, $unit, $default-font-size)})" !default;
|
23
110
|
|
24
111
|
///
|
25
|
-
/// Breakpoint
|
112
|
+
/// Breakpoint selector: larger than medium-sized desktop
|
26
113
|
///
|
27
|
-
/// @since 0
|
114
|
+
/// @since 1.0
|
28
115
|
///
|
29
116
|
/// @type {String}
|
30
117
|
///
|
31
118
|
|
32
|
-
$
|
119
|
+
$gt-medium-desktop: "(min-width: #{to-unit(1260px, $unit, $default-font-size)})" !default;
|
33
120
|
|
121
|
+
///
|
122
|
+
/// Breakpoint selector: smaller than large-sized desktop
|
123
|
+
///
|
124
|
+
/// @since 1.0
|
125
|
+
///
|
126
|
+
/// @type {String}
|
127
|
+
///
|
34
128
|
|
129
|
+
$lt-large-desktop: "(max-width: #{to-unit(1439px, $unit, $default-font-size)})" !default;
|
35
130
|
|
36
131
|
///
|
37
|
-
/// Breakpoint
|
132
|
+
/// Breakpoint selector: larger than large-sized desktop
|
38
133
|
///
|
39
134
|
/// @since 1.0
|
40
135
|
///
|
41
136
|
/// @type {String}
|
42
137
|
///
|
43
|
-
|
44
|
-
$gt-
|
138
|
+
|
139
|
+
$gt-large-desktop: "(min-width: #{to-unit(1440px, $unit, $default-font-size)})" !default;
|
45
140
|
|
46
141
|
///
|
47
|
-
/// Breakpoint
|
142
|
+
/// Breakpoint selector: orientation portrait
|
48
143
|
///
|
49
144
|
/// @since 1.0
|
50
145
|
///
|
51
146
|
/// @type {String}
|
52
147
|
///
|
53
|
-
|
54
|
-
$
|
148
|
+
|
149
|
+
$portrait: "(orientation: portrait)" !default;
|
55
150
|
|
56
151
|
///
|
57
|
-
/// Breakpoint
|
152
|
+
/// Breakpoint selector: orientation landscape
|
58
153
|
///
|
59
154
|
/// @since 1.0
|
60
155
|
///
|
61
156
|
/// @type {String}
|
62
157
|
///
|
63
158
|
|
64
|
-
$
|
65
|
-
$gt-large: "(min-width: #{to-unit(1440px,$unit,$default-font-size)})" !default;
|
159
|
+
$landscape: "(orientation: landscape)" !default;
|
@@ -38,7 +38,7 @@ $button-selector: "%btn" !default;
|
|
38
38
|
|
39
39
|
|
40
40
|
///
|
41
|
-
/// Collection of button selectors and property maps. For each selector, the corrresponding properties are rendered by the button behavior.
|
41
|
+
/// Collection of button selectors and property maps. For each selector, the corrresponding properties are rendered by the button behavior.
|
42
42
|
/// You can override button behavior by a) overriding any of the button settings, or by b) replacing the selector entry in this element collection map.
|
43
43
|
///
|
44
44
|
/// @since 0.1
|
@@ -259,4 +259,4 @@ $button-focussed-outline-color: mix($button-border-color, $button-focussed-backg
|
|
259
259
|
/// @type {Number}
|
260
260
|
///
|
261
261
|
|
262
|
-
$button-focussed-outline-offset: -1*(
|
262
|
+
$button-focussed-outline-offset: -1 * ($button-focussed-outline-width + 3 * $button-border-width) !default;
|
@@ -0,0 +1,152 @@
|
|
1
|
+
|
2
|
+
$shades: (20%, 40%, 60%, 80%, 100%) !default;
|
3
|
+
|
4
|
+
$aliceblue: #f0f8ff;
|
5
|
+
$antiquewhite: #faebd7;
|
6
|
+
$aqua: #0ff;
|
7
|
+
$aquamarine: #7fffd4;
|
8
|
+
$azure: #f0ffff;
|
9
|
+
$becca: #639;
|
10
|
+
$beige: #f5f5dc;
|
11
|
+
$bisque: #ffe4c4;
|
12
|
+
$black: #000;
|
13
|
+
$blanchedalmond: #ffebcd;
|
14
|
+
$blue: #00f;
|
15
|
+
$blueviolet: #8a2be2;
|
16
|
+
$brown: #a52a2a;
|
17
|
+
$burlywood: #deb887;
|
18
|
+
$cadetblue: #5f9ea0;
|
19
|
+
$chartreuse: #7fff00;
|
20
|
+
$chocolate: #d2691e;
|
21
|
+
$coral: #ff7f50;
|
22
|
+
$cornflowerblue: #6495ed;
|
23
|
+
$cornsilk: #fff8dc;
|
24
|
+
$crimson: #dc143c;
|
25
|
+
$cyan: $aqua;
|
26
|
+
$darkblue: #00008b;
|
27
|
+
$darkbluegrey: #2c3e50;
|
28
|
+
$darkcyan: #008b8b;
|
29
|
+
$darkgoldenrod: #b8860b;
|
30
|
+
$darkgray: #a9a9a9;
|
31
|
+
/* alternate spelling */ $darkgrey: $darkgray;
|
32
|
+
$darkgreen: #006400;
|
33
|
+
$darkkhaki: #bdb76b;
|
34
|
+
$darkmagenta: #8b008b;
|
35
|
+
$darkolivegreen: #556b2f;
|
36
|
+
$darkorange: #ff8c00;
|
37
|
+
$darkorchid: #9932cc;
|
38
|
+
$darkred: #8b0000;
|
39
|
+
$darksalmon: #e9967a;
|
40
|
+
$darkseagreen: #8fbc8f;
|
41
|
+
$darkslateblue: #483d8b;
|
42
|
+
$darkslategray: #2f4f4f;
|
43
|
+
/* alternate spelling */ $darkslategrey: $darkslategray;
|
44
|
+
$darkturquoise: #00ced1;
|
45
|
+
$darkviolet: #9400d3;
|
46
|
+
$deeppink: #ff1493;
|
47
|
+
$deepskyblue: #00bfff;
|
48
|
+
$dimgray: #696969;
|
49
|
+
/* alternate spelling */ $dimgrey: $dimgray;
|
50
|
+
$dodgerblue: #1e90ff;
|
51
|
+
$firebrick: #b22222;
|
52
|
+
$floralwhite: #fffaf0;
|
53
|
+
$forestgreen: #228b22;
|
54
|
+
$fuchsia: #f0f;
|
55
|
+
$gainsboro: #dcdcdc;
|
56
|
+
$ghostwhite: #f8f8ff;
|
57
|
+
$gold: #ffd700;
|
58
|
+
$goldenrod: #daa520;
|
59
|
+
$gray: #808080;
|
60
|
+
/* alternate spelling */ $grey: $gray;
|
61
|
+
$green: #008000;
|
62
|
+
$greenyellow: #adff2f;
|
63
|
+
$honeydew: #f0fff0;
|
64
|
+
$hotpink: #ff69b4;
|
65
|
+
$indianred: #cd5c5c;
|
66
|
+
$indigo: #4b0082;
|
67
|
+
$ivory: #fffff0;
|
68
|
+
$khaki: #f0e68c;
|
69
|
+
$lavender: #e6e6fa;
|
70
|
+
$lavenderblush: #fff0f5;
|
71
|
+
$lawngreen: #7cfc00;
|
72
|
+
$lemonchiffon: #fffacd;
|
73
|
+
$lightblue: #add8e6;
|
74
|
+
$lightcoral: #f08080;
|
75
|
+
$lightcyan: #e0ffff;
|
76
|
+
$lightgoldenrodyellow: #fafad2;
|
77
|
+
$lightgray: #d3d3d3;
|
78
|
+
/* alternate spelling */ $lightgrey: $lightgray;
|
79
|
+
$lightgreen: #90ee90;
|
80
|
+
$lightpink: #ffb6c1;
|
81
|
+
$lightsalmon: #ffa07a;
|
82
|
+
$lightseagreen: #20b2aa;
|
83
|
+
$lightskyblue: #87cefa;
|
84
|
+
$lightslategray: #789;
|
85
|
+
/* alternate spelling */ $lightslategrey: $lightslategray;
|
86
|
+
$lightsteelblue: #b0c4de;
|
87
|
+
$lightyellow: #ffffe0;
|
88
|
+
$lime: #0f0;
|
89
|
+
$limegreen: #32cd32;
|
90
|
+
$linen: #faf0e6;
|
91
|
+
$magenta: #f0f;
|
92
|
+
$maroon: #800000;
|
93
|
+
$mediumaquamarine: #66cdaa;
|
94
|
+
$mediumblue: #0000cd;
|
95
|
+
$mediumorchid: #ba55d3;
|
96
|
+
$mediumpurple: #9370db;
|
97
|
+
$mediumseagreen: #3cb371;
|
98
|
+
$mediumslateblue: #7b68ee;
|
99
|
+
$mediumspringgreen: #00fa9a;
|
100
|
+
$mediumturquoise: #48d1cc;
|
101
|
+
$mediumvioletred: #c71585;
|
102
|
+
$midnightblue: #191970;
|
103
|
+
$mintcream: #f5fffa;
|
104
|
+
$mistyrose: #ffe4e1;
|
105
|
+
$moccasin: #ffe4b5;
|
106
|
+
$navajowhite: #ffdead;
|
107
|
+
$navy: #000080;
|
108
|
+
$oldlace: #fdf5e6;
|
109
|
+
$olive: #808000;
|
110
|
+
$olivedrab: #6b8e23;
|
111
|
+
$orange: #ffa500;
|
112
|
+
$orangered: #ff4500;
|
113
|
+
$orchid: #da70d6;
|
114
|
+
$palegoldenrod: #eee8aa;
|
115
|
+
$palegreen: #98fb98;
|
116
|
+
$paleturquoise: #afeeee;
|
117
|
+
$palevioletred: #db7093;
|
118
|
+
$papayawhip: #ffefd5;
|
119
|
+
$peachpuff: #ffdab9;
|
120
|
+
$peru: #cd853f;
|
121
|
+
$pink: #ffc0cb;
|
122
|
+
$plum: #dda0dd;
|
123
|
+
$powderblue: #b0e0e6;
|
124
|
+
$purple: #800080;
|
125
|
+
$red: #f00;
|
126
|
+
$rosybrown: #bc8f8f;
|
127
|
+
$royalblue: #4169e1;
|
128
|
+
$saddlebrown: #8b4513;
|
129
|
+
$salmon: #fa8072;
|
130
|
+
$sandybrown: #f4a460;
|
131
|
+
$seagreen: #2e8b57;
|
132
|
+
$seashell: #fff5ee;
|
133
|
+
$sienna: #a0522d;
|
134
|
+
$silver: #c0c0c0;
|
135
|
+
$skyblue: #87ceeb;
|
136
|
+
$slateblue: #6a5acd;
|
137
|
+
$slategray: #708090;
|
138
|
+
/* alternate spelling */ $slategrey: $slategray;
|
139
|
+
$snow: #fffafa;
|
140
|
+
$springgreen: #00ff7f;
|
141
|
+
$steelblue: #4682b4;
|
142
|
+
$tan: #d2b48c;
|
143
|
+
$teal: #008080;
|
144
|
+
$thistle: #d8bfd8;
|
145
|
+
$tomato: #ff6347;
|
146
|
+
$turquoise: #40e0d0;
|
147
|
+
$violet: #ee82ee;
|
148
|
+
$wheat: #f5deb3;
|
149
|
+
$white: #fff;
|
150
|
+
$whitesmoke: #f5f5f5;
|
151
|
+
$yellow: #ff0;
|
152
|
+
$yellowgreen: #9acd32;
|
@@ -8,146 +8,3 @@ $keys-padding: $keys-side;
|
|
8
8
|
$keys-margin: $keys-side;
|
9
9
|
$keys-border: width style color;
|
10
10
|
$keys-corner: top-left top-right right-bottom left-bottom;
|
11
|
-
|
12
|
-
|
13
|
-
$aliceblue: #f0f8ff;
|
14
|
-
$antiquewhite: #faebd7;
|
15
|
-
$aqua: #00ffff;
|
16
|
-
$aquamarine: #7fffd4;
|
17
|
-
$azure: #f0ffff;
|
18
|
-
$becca: #639;
|
19
|
-
$beige: #f5f5dc;
|
20
|
-
$bisque: #ffe4c4;
|
21
|
-
$black: #000000;
|
22
|
-
$blanchedalmond: #ffebcd;
|
23
|
-
$blue: #0000ff;
|
24
|
-
$blueviolet: #8a2be2;
|
25
|
-
$brown: #a52a2a;
|
26
|
-
$burlywood: #deb887;
|
27
|
-
$cadetblue: #5f9ea0;
|
28
|
-
$chartreuse: #7fff00;
|
29
|
-
$chocolate: #d2691e;
|
30
|
-
$coral: #ff7f50;
|
31
|
-
$cornflowerblue: #6495ed;
|
32
|
-
$cornsilk: #fff8dc;
|
33
|
-
$crimson: #dc143c;
|
34
|
-
$cyan: #00ffff;
|
35
|
-
$darkblue: #00008b;
|
36
|
-
$darkcyan: #008b8b;
|
37
|
-
$darkgoldenrod: #b8860b;
|
38
|
-
$darkgray: #a9a9a9;
|
39
|
-
$darkgreen: #006400;
|
40
|
-
$darkkhaki: #bdb76b;
|
41
|
-
$darkmagenta: #8b008b;
|
42
|
-
$darkolivegreen: #556b2f;
|
43
|
-
$darkorange: #ff8c00;
|
44
|
-
$darkorchid: #9932cc;
|
45
|
-
$darkred: #8b0000;
|
46
|
-
$darksalmon: #e9967a;
|
47
|
-
$darkseagreen: #8fbc8f;
|
48
|
-
$darkslateblue: #483d8b;
|
49
|
-
$darkslategray: #2f4f4f;
|
50
|
-
$darkturquoise: #00ced1;
|
51
|
-
$darkviolet: #9400d3;
|
52
|
-
$deeppink: #ff1493;
|
53
|
-
$deepskyblue: #00bfff;
|
54
|
-
$dimgray: #696969;
|
55
|
-
$dodgerblue: #1e90ff;
|
56
|
-
$firebrick: #b22222;
|
57
|
-
$floralwhite: #fffaf0;
|
58
|
-
$forestgreen: #228b22;
|
59
|
-
$fuchsia: #ff00ff;
|
60
|
-
$gainsboro: #dcdcdc;
|
61
|
-
$ghostwhite: #f8f8ff;
|
62
|
-
$gold: #ffd700;
|
63
|
-
$goldenrod: #daa520;
|
64
|
-
$gray: #808080;
|
65
|
-
$green: #008000;
|
66
|
-
$greenyellow: #adff2f;
|
67
|
-
$honeydew: #f0fff0;
|
68
|
-
$hotpink: #ff69b4;
|
69
|
-
$indianred : #cd5c5c;
|
70
|
-
$indigo : #4b0082;
|
71
|
-
$ivory: #fffff0;
|
72
|
-
$khaki: #f0e68c;
|
73
|
-
$lavender: #e6e6fa;
|
74
|
-
$lavenderblush: #fff0f5;
|
75
|
-
$lawngreen: #7cfc00;
|
76
|
-
$lemonchiffon: #fffacd;
|
77
|
-
$lightblue: #add8e6;
|
78
|
-
$lightcoral: #f08080;
|
79
|
-
$lightcyan: #e0ffff;
|
80
|
-
$lightgoldenrodyellow: #fafad2;
|
81
|
-
$lightgray: #d3d3d3;
|
82
|
-
$lightgreen: #90ee90;
|
83
|
-
$lightpink: #ffb6c1;
|
84
|
-
$lightsalmon: #ffa07a;
|
85
|
-
$lightseagreen: #20b2aa;
|
86
|
-
$lightskyblue: #87cefa;
|
87
|
-
$lightslategray: #778899;
|
88
|
-
$lightsteelblue: #b0c4de;
|
89
|
-
$lightyellow: #ffffe0;
|
90
|
-
$lime: #00ff00;
|
91
|
-
$limegreen: #32cd32;
|
92
|
-
$linen: #faf0e6;
|
93
|
-
$magenta: #ff00ff;
|
94
|
-
$maroon: #800000;
|
95
|
-
$mediumaquamarine: #66cdaa;
|
96
|
-
$mediumblue: #0000cd;
|
97
|
-
$mediumorchid: #ba55d3;
|
98
|
-
$mediumpurple: #9370db;
|
99
|
-
$mediumseagreen: #3cb371;
|
100
|
-
$mediumslateblue: #7b68ee;
|
101
|
-
$mediumspringgreen: #00fa9a;
|
102
|
-
$mediumturquoise: #48d1cc;
|
103
|
-
$mediumvioletred: #c71585;
|
104
|
-
$midnightblue: #191970;
|
105
|
-
$mintcream: #f5fffa;
|
106
|
-
$mistyrose: #ffe4e1;
|
107
|
-
$moccasin: #ffe4b5;
|
108
|
-
$navajowhite: #ffdead;
|
109
|
-
$navy: #000080;
|
110
|
-
$oldlace: #fdf5e6;
|
111
|
-
$olive: #808000;
|
112
|
-
$olivedrab: #6b8e23;
|
113
|
-
$orange: #ffa500;
|
114
|
-
$orangered: #ff4500;
|
115
|
-
$orchid: #da70d6;
|
116
|
-
$palegoldenrod: #eee8aa;
|
117
|
-
$palegreen: #98fb98;
|
118
|
-
$paleturquoise: #afeeee;
|
119
|
-
$palevioletred: #db7093;
|
120
|
-
$papayawhip: #ffefd5;
|
121
|
-
$peachpuff: #ffdab9;
|
122
|
-
$peru: #cd853f;
|
123
|
-
$pink: #ffc0cb;
|
124
|
-
$plum: #dda0dd;
|
125
|
-
$powderblue: #b0e0e6;
|
126
|
-
$purple: #800080;
|
127
|
-
$red: #ff0000;
|
128
|
-
$rosybrown: #bc8f8f;
|
129
|
-
$royalblue: #4169e1;
|
130
|
-
$saddlebrown: #8b4513;
|
131
|
-
$salmon: #fa8072;
|
132
|
-
$sandybrown: #f4a460;
|
133
|
-
$seagreen: #2e8b57;
|
134
|
-
$seashell: #fff5ee;
|
135
|
-
$sienna: #a0522d;
|
136
|
-
$silver: #c0c0c0;
|
137
|
-
$skyblue: #87ceeb;
|
138
|
-
$slateblue: #6a5acd;
|
139
|
-
$slategray: #708090;
|
140
|
-
$snow: #fffafa;
|
141
|
-
$springgreen: #00ff7f;
|
142
|
-
$steelblue: #4682b4;
|
143
|
-
$tan: #d2b48c;
|
144
|
-
$teal: #008080;
|
145
|
-
$thistle: #d8bfd8;
|
146
|
-
$tomato: #ff6347;
|
147
|
-
$turquoise: #40e0d0;
|
148
|
-
$violet: #ee82ee;
|
149
|
-
$wheat: #f5deb3;
|
150
|
-
$white: #ffffff;
|
151
|
-
$whitesmoke: #f5f5f5;
|
152
|
-
$yellow: #ffff00;
|
153
|
-
$yellowgreen: #9acd32;
|
@@ -9,24 +9,3 @@
|
|
9
9
|
@import "fonts/sans-serif";
|
10
10
|
@import "fonts/monospace";
|
11
11
|
@import "fonts/verdana";
|
12
|
-
|
13
|
-
|
14
|
-
// ==========================================================================
|
15
|
-
// Google fonts
|
16
|
-
// ==========================================================================
|
17
|
-
|
18
|
-
@import "fonts/bree-serif";
|
19
|
-
@import "fonts/lato";
|
20
|
-
@import "fonts/pt-sans";
|
21
|
-
@import "fonts/raleway";
|
22
|
-
@import "fonts/righteous";
|
23
|
-
@import "fonts/roboto";
|
24
|
-
@import "fonts/roboto-slab";
|
25
|
-
@import "fonts/varela-round";
|
26
|
-
|
27
|
-
|
28
|
-
// ==========================================================================
|
29
|
-
// Fontspring fonts
|
30
|
-
// ==========================================================================
|
31
|
-
|
32
|
-
@import "fonts/sofia-pro";
|