stipe 0.0.3.1 → 0.0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- data/readme.md +5 -0
- data/stylesheets/stipe/_color.scss +1 -1
- data/stylesheets/stipe/_grid.scss +2 -2
- data/stylesheets/stipe/color/_default_color_pallet.scss +2 -2
- data/stylesheets/stipe/color/_extends_deprecated.scss +291 -0
- data/stylesheets/stipe/color/readme.md +8 -0
- data/stylesheets/stipe/toadstool/_config.scss +2 -1
- data/stylesheets/stipe/toadstool/_design.scss +2 -2
- data/stylesheets/stipe/typography/_default.scss +1 -1
- data/stylesheets/stipe/typography/_extends.scss +4 -4
- metadata +45 -44
- data/stylesheets/stipe/color/_extends.scss +0 -289
data/readme.md
CHANGED
|
@@ -17,6 +17,11 @@ For [reasons explained](/Anotheruiguy/toadstool/blob/master/doc-src/exploited-bu
|
|
|
17
17
|
|
|
18
18
|
# Stipe Changelog
|
|
19
19
|
|
|
20
|
+
## 0.0.3.2
|
|
21
|
+
* Updates to how default color extends are created in `toadstool.css`
|
|
22
|
+
** Created new `readme.md` in Stipe's color directory
|
|
23
|
+
* Modifications to css for Toadstool's style guide look and feel. Addressed bugs with styles stomping on generic tags in prototype views
|
|
24
|
+
|
|
20
25
|
## 0.0.2.8/0.0.2.9
|
|
21
26
|
* Updated Toadstool Sass to use better named spaced class for main content block.
|
|
22
27
|
** Changed .main_content to .toadstool_main_contnet
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
$grid_type: 12 !default; // sets default column grid
|
|
31
31
|
$grid_context: 12 !default; // sets default context of grid width for percentage calculations
|
|
32
32
|
$grid_uom: percent !default; // use either ``em`` or ``percent``
|
|
33
|
-
$grid_padding_l:
|
|
34
|
-
$grid_padding_r:
|
|
33
|
+
$grid_padding_l: 0 !default; // sets default left/right padding inside grid block
|
|
34
|
+
$grid_padding_r: 0 !default; // sets default left/right padding inside grid block
|
|
35
35
|
$grid_padding_tb: 0 !default; // sets default top/bottom padding inside grid block
|
|
36
36
|
$grid_border: 0 !default; // sets default border width on all grid blocks
|
|
37
37
|
$grid_child: none !default; // sets parent child relationship between grid blocks
|
|
@@ -43,13 +43,13 @@ $ins_color: $charlie_color !default;
|
|
|
43
43
|
|
|
44
44
|
// used with the <mark> tag
|
|
45
45
|
// http://www.w3schools.com/html5/tag_mark.asp
|
|
46
|
-
$mark_color:
|
|
46
|
+
$mark_color: yellow !default;
|
|
47
47
|
|
|
48
48
|
// webkit tap highlight color
|
|
49
49
|
$webkit_tap_hightlight: $delta_color_bravo !default;
|
|
50
50
|
|
|
51
51
|
// overrides the default content selection color in the browser
|
|
52
|
-
$selection_color:
|
|
52
|
+
$selection_color: yellow !default;
|
|
53
53
|
$selection_text_color: $primary_text !default;
|
|
54
54
|
|
|
55
55
|
// default border color
|
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
// @import "config";
|
|
2
|
+
|
|
3
|
+
/////// OOCSS color blocks ////////
|
|
4
|
+
// ----------------------------------------------
|
|
5
|
+
|
|
6
|
+
//* Standard grayscale objects */
|
|
7
|
+
//* -------------------------- */
|
|
8
|
+
// %white {
|
|
9
|
+
// background-color: $white;
|
|
10
|
+
// }
|
|
11
|
+
//
|
|
12
|
+
// %alpha_gray {
|
|
13
|
+
// background-color: $alpha_gray;
|
|
14
|
+
// }
|
|
15
|
+
//
|
|
16
|
+
// %bravo_gray {
|
|
17
|
+
// background-color: $bravo_gray;
|
|
18
|
+
// }
|
|
19
|
+
//
|
|
20
|
+
// %charlie_gray {
|
|
21
|
+
// background-color: $charlie_gray;
|
|
22
|
+
// }
|
|
23
|
+
//
|
|
24
|
+
// %delta_gray {
|
|
25
|
+
// background-color: $delta_gray;
|
|
26
|
+
// }
|
|
27
|
+
//
|
|
28
|
+
// %echo_gray {
|
|
29
|
+
// background-color: $echo_gray;
|
|
30
|
+
// }
|
|
31
|
+
//
|
|
32
|
+
// %fox_gray {
|
|
33
|
+
// background-color: $fox_gray;
|
|
34
|
+
// }
|
|
35
|
+
//
|
|
36
|
+
// %golf_gray {
|
|
37
|
+
// background-color: $golf_gray;
|
|
38
|
+
// }
|
|
39
|
+
//
|
|
40
|
+
// %hotel_gray {
|
|
41
|
+
// background-color: $hotel_gray;
|
|
42
|
+
// }
|
|
43
|
+
//
|
|
44
|
+
// %india_gray {
|
|
45
|
+
// background-color: $india_gray;
|
|
46
|
+
// }
|
|
47
|
+
//
|
|
48
|
+
//
|
|
49
|
+
//
|
|
50
|
+
// //* Standard color objects */
|
|
51
|
+
// //* ---------------------- */
|
|
52
|
+
// %alpha_color {
|
|
53
|
+
// background-color: $alpha_color;
|
|
54
|
+
// }
|
|
55
|
+
// %alpha_color_bravo {
|
|
56
|
+
// background-color: $alpha_color_bravo;
|
|
57
|
+
// }
|
|
58
|
+
// %alpha_color_charlie {
|
|
59
|
+
// background-color: $alpha_color_charlie;
|
|
60
|
+
// }
|
|
61
|
+
// %alpha_color_delta {
|
|
62
|
+
// background-color: $alpha_color_delta;
|
|
63
|
+
// }
|
|
64
|
+
// %alpha_color_echo {
|
|
65
|
+
// background-color: $alpha_color_echo;
|
|
66
|
+
// }
|
|
67
|
+
// %alpha_color_fox {
|
|
68
|
+
// background-color: $alpha_color_fox;
|
|
69
|
+
// }
|
|
70
|
+
// %alpha_color_golf {
|
|
71
|
+
// background-color: $alpha_color_golf;
|
|
72
|
+
// }
|
|
73
|
+
// %alpha_color_hotel {
|
|
74
|
+
// background-color: $alpha_color_hotel;
|
|
75
|
+
// }
|
|
76
|
+
// %alpha_color_india {
|
|
77
|
+
// background-color: $alpha_color_india;
|
|
78
|
+
// }
|
|
79
|
+
// %alpha_color_juliet {
|
|
80
|
+
// background-color: $alpha_color_juliet;
|
|
81
|
+
// }
|
|
82
|
+
//
|
|
83
|
+
//
|
|
84
|
+
//
|
|
85
|
+
//
|
|
86
|
+
//
|
|
87
|
+
// %bravo_color {
|
|
88
|
+
// background-color: $bravo_color;
|
|
89
|
+
// }
|
|
90
|
+
// %bravo_color_bravo {
|
|
91
|
+
// background-color: $bravo_color_bravo;
|
|
92
|
+
// }
|
|
93
|
+
// %bravo_color_charlie {
|
|
94
|
+
// background-color: $bravo_color_charlie;
|
|
95
|
+
// }
|
|
96
|
+
// %bravo_color_delta {
|
|
97
|
+
// background-color: $bravo_color_delta;
|
|
98
|
+
// }
|
|
99
|
+
// %bravo_color_echo {
|
|
100
|
+
// background-color: $bravo_color_echo;
|
|
101
|
+
// }
|
|
102
|
+
// %bravo_color_fox {
|
|
103
|
+
// background-color: $bravo_color_fox;
|
|
104
|
+
// }
|
|
105
|
+
// %bravo_color_golf {
|
|
106
|
+
// background-color: $bravo_color_golf;
|
|
107
|
+
// }
|
|
108
|
+
// %bravo_color_hotel {
|
|
109
|
+
// background-color: $bravo_color_hotel;
|
|
110
|
+
// }
|
|
111
|
+
// %bravo_color_india {
|
|
112
|
+
// background-color: $bravo_color_india;
|
|
113
|
+
// }
|
|
114
|
+
// %bravo_color_juliet {
|
|
115
|
+
// background-color: $bravo_color_juliet;
|
|
116
|
+
// }
|
|
117
|
+
//
|
|
118
|
+
//
|
|
119
|
+
//
|
|
120
|
+
//
|
|
121
|
+
//
|
|
122
|
+
//
|
|
123
|
+
// %charlie_color {
|
|
124
|
+
// background-color: $charlie_color;
|
|
125
|
+
// }
|
|
126
|
+
// %charlie_color_bravo {
|
|
127
|
+
// background-color: $charlie_color_bravo;
|
|
128
|
+
// }
|
|
129
|
+
// %charlie_color_charlie {
|
|
130
|
+
// background-color: $charlie_color_charlie;
|
|
131
|
+
// }
|
|
132
|
+
// %charlie_color_delta {
|
|
133
|
+
// background-color: $charlie_color_delta;
|
|
134
|
+
// }
|
|
135
|
+
// %charlie_color_echo {
|
|
136
|
+
// background-color: $charlie_color_echo;
|
|
137
|
+
// }
|
|
138
|
+
// %charlie_color_fox {
|
|
139
|
+
// background-color: $charlie_color_fox;
|
|
140
|
+
// }
|
|
141
|
+
// %charlie_color_golf {
|
|
142
|
+
// background-color: $charlie_color_golf;
|
|
143
|
+
// }
|
|
144
|
+
// %charlie_color_hotel {
|
|
145
|
+
// background-color: $charlie_color_hotel;
|
|
146
|
+
// }
|
|
147
|
+
// %charlie_color_india {
|
|
148
|
+
// background-color: $charlie_color_india;
|
|
149
|
+
// }
|
|
150
|
+
// %charlie_color_juliet {
|
|
151
|
+
// background-color: $charlie_color_juliet;
|
|
152
|
+
// }
|
|
153
|
+
//
|
|
154
|
+
//
|
|
155
|
+
//
|
|
156
|
+
//
|
|
157
|
+
//
|
|
158
|
+
//
|
|
159
|
+
// %delta_color {
|
|
160
|
+
// background-color: $delta_color;
|
|
161
|
+
// }
|
|
162
|
+
// %delta_color_bravo {
|
|
163
|
+
// background-color: $delta_color_bravo;
|
|
164
|
+
// }
|
|
165
|
+
// %delta_color_charlie {
|
|
166
|
+
// background-color: $delta_color_charlie;
|
|
167
|
+
// }
|
|
168
|
+
// %delta_color_delta {
|
|
169
|
+
// background-color: $delta_color_delta;
|
|
170
|
+
// }
|
|
171
|
+
// %delta_color_echo {
|
|
172
|
+
// background-color: $delta_color_echo;
|
|
173
|
+
// }
|
|
174
|
+
// %delta_color_fox {
|
|
175
|
+
// background-color: $delta_color_fox;
|
|
176
|
+
// }
|
|
177
|
+
// %delta_color_golf {
|
|
178
|
+
// background-color: $delta_color_golf;
|
|
179
|
+
// }
|
|
180
|
+
// %delta_color_hotel {
|
|
181
|
+
// background-color: $delta_color_hotel;
|
|
182
|
+
// }
|
|
183
|
+
// %delta_color_india {
|
|
184
|
+
// background-color: $delta_color_india;
|
|
185
|
+
// }
|
|
186
|
+
// %delta_color_juliet {
|
|
187
|
+
// background-color: $delta_color_juliet;
|
|
188
|
+
// }
|
|
189
|
+
//
|
|
190
|
+
//
|
|
191
|
+
//
|
|
192
|
+
//
|
|
193
|
+
//
|
|
194
|
+
//
|
|
195
|
+
// %echo_color {
|
|
196
|
+
// background-color: $echo_color;
|
|
197
|
+
// }
|
|
198
|
+
// %echo_color_bravo {
|
|
199
|
+
// background-color: $echo_color_bravo;
|
|
200
|
+
// }
|
|
201
|
+
// %echo_color_charlie {
|
|
202
|
+
// background-color: $echo_color_charlie;
|
|
203
|
+
// }
|
|
204
|
+
// %echo_color_delta {
|
|
205
|
+
// background-color: $echo_color_delta;
|
|
206
|
+
// }
|
|
207
|
+
// %echo_color_echo {
|
|
208
|
+
// background-color: $echo_color_echo;
|
|
209
|
+
// }
|
|
210
|
+
// %echo_color_fox {
|
|
211
|
+
// background-color: $echo_color_fox;
|
|
212
|
+
// }
|
|
213
|
+
// %echo_color_golf {
|
|
214
|
+
// background-color: $echo_color_golf;
|
|
215
|
+
// }
|
|
216
|
+
// %echo_color_hotel {
|
|
217
|
+
// background-color: $echo_color_hotel;
|
|
218
|
+
// }
|
|
219
|
+
// %echo_color_india {
|
|
220
|
+
// background-color: $echo_color_india;
|
|
221
|
+
// }
|
|
222
|
+
// %echo_color_juliet {
|
|
223
|
+
// background-color: $echo_color_juliet;
|
|
224
|
+
// }
|
|
225
|
+
//
|
|
226
|
+
//
|
|
227
|
+
// /////// semantic color blocks ////////
|
|
228
|
+
// // ----------------------------------------------
|
|
229
|
+
// %white {
|
|
230
|
+
// background: $white;
|
|
231
|
+
// }
|
|
232
|
+
//
|
|
233
|
+
// %shadow_color {
|
|
234
|
+
// background: $shadow_color;
|
|
235
|
+
// }
|
|
236
|
+
//
|
|
237
|
+
// %primary_header_color {
|
|
238
|
+
// background: $primary_header_color;
|
|
239
|
+
// }
|
|
240
|
+
//
|
|
241
|
+
// %heading_font_weight {
|
|
242
|
+
// background: $heading_font_weight;
|
|
243
|
+
// }
|
|
244
|
+
//
|
|
245
|
+
// %primary_text {
|
|
246
|
+
// background: $primary_text;
|
|
247
|
+
// }
|
|
248
|
+
//
|
|
249
|
+
// %href_color {
|
|
250
|
+
// background: $href_color;
|
|
251
|
+
// }
|
|
252
|
+
//
|
|
253
|
+
// %ins_color {
|
|
254
|
+
// background: $ins_color;
|
|
255
|
+
// }
|
|
256
|
+
//
|
|
257
|
+
// %mark_color {
|
|
258
|
+
// background: $mark_color;
|
|
259
|
+
// }
|
|
260
|
+
//
|
|
261
|
+
// %webkit_tap_hightlight {
|
|
262
|
+
// background: $webkit_tap_hightlight;
|
|
263
|
+
// }
|
|
264
|
+
//
|
|
265
|
+
// %selection_color {
|
|
266
|
+
// background: $selection_color;
|
|
267
|
+
// }
|
|
268
|
+
//
|
|
269
|
+
// %selection_text_color {
|
|
270
|
+
// background: $selection_text_color;
|
|
271
|
+
// }
|
|
272
|
+
//
|
|
273
|
+
// %border_color {
|
|
274
|
+
// background: $border_color;
|
|
275
|
+
// }
|
|
276
|
+
//
|
|
277
|
+
// %primary_button_border_color {
|
|
278
|
+
// background: $primary_button_border_color;
|
|
279
|
+
// }
|
|
280
|
+
//
|
|
281
|
+
// %secondary_button_border_color {
|
|
282
|
+
// background: $secondary_button_border_color;
|
|
283
|
+
// }
|
|
284
|
+
//
|
|
285
|
+
// %button_text {
|
|
286
|
+
// background: $button_text;
|
|
287
|
+
// }
|
|
288
|
+
//
|
|
289
|
+
// %standard_hr_color {
|
|
290
|
+
// background: $standard_hr_color;
|
|
291
|
+
// }
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
#How does color work?
|
|
2
|
+
|
|
3
|
+
In your Toadstool style guide, `style.scss` calls in local `_config.scss`. Local `_config.scss` can over-write primary colors and pass values to `color/color_math` and `color/grayscale_math`.
|
|
4
|
+
|
|
5
|
+
`color/color_math` imports `stipe/color/default_color_pallet` to ensure that un-updated default values are carried forward.
|
|
6
|
+
|
|
7
|
+
In your Toadstool style guide`toadstool.scss` imports `color/extends.scss` from the local style guide so that the extends have the correct color reference. But it is in `stipe/toadstool/ui_patterns/_color_grid.scss` where these extended values are given classes that only appear in the `toadstool.css`. This principle is needed so that the site's extends will create colors from the appropiate context and the presentational classes only live in the `toadstool.css` doc.
|
|
8
|
+
|
|
@@ -72,7 +72,8 @@ $heading_font_family: #{'Lato', sans-serif} !default;
|
|
|
72
72
|
// setting default units of measurement for Toadstool grid solution
|
|
73
73
|
// $grid_type: 12 !default; // sets default column grid
|
|
74
74
|
// $grid_uom: percent !default; // use either ``em`` or ``percent``
|
|
75
|
-
// $
|
|
75
|
+
// $grid_padding_l: 0 !default; // sets default left/right padding inside grid block
|
|
76
|
+
// $grid_padding_r: 0 !default; // sets default left/right padding inside grid block
|
|
76
77
|
// $grid_padding_tb: 0 !default; // sets default top/bottom padding inside grid block
|
|
77
78
|
// $grid_border: 0 !default; // sets default border width on all grid blocks
|
|
78
79
|
// $grid_child: none !default; // sets parent child relationship between grid blocks
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.styleguide_main_content {
|
|
4
4
|
@include full_width_block(12);
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
.styleguide_article, .element_example {
|
|
7
7
|
@include grid(12.25, alphaomega, $grid_align: center, $grid_uom: em);
|
|
8
8
|
|
|
9
9
|
@media #{$tablet_portrait} {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
@include grid(12.25, alphaomega, $grid_align: center);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
.toadstool_header, .toadstool_subheader {
|
|
18
18
|
@include grid(12);
|
|
19
19
|
@media #{$mobile} {
|
|
20
20
|
@include grid(4, $grid_context: 4);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
// }
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
//* Text classes */
|
|
8
8
|
%headings_1 {
|
|
9
9
|
@include heading();
|
|
10
10
|
}
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
//* Font family classes */
|
|
50
50
|
%primary_font_family {
|
|
51
51
|
font-family: $primary_font_family;
|
|
52
52
|
}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
//* Hide Text, Kellum Method */
|
|
67
67
|
%hide_text {
|
|
68
68
|
@include hide_text;
|
|
69
69
|
}
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
//* Standard content block styling */
|
|
75
75
|
%bulleted_list {
|
|
76
76
|
@include bulleted_list;
|
|
77
77
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: stipe
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.3.
|
|
4
|
+
version: 0.0.3.2
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -52,63 +52,64 @@ extra_rdoc_files: []
|
|
|
52
52
|
files:
|
|
53
53
|
- readme.md
|
|
54
54
|
- lib/stipe.rb
|
|
55
|
-
- stylesheets/stipe/_buttons.scss
|
|
56
|
-
- stylesheets/stipe/_color.scss
|
|
57
|
-
- stylesheets/stipe/_forms.scss
|
|
58
|
-
- stylesheets/stipe/_gradients.scss
|
|
59
|
-
- stylesheets/stipe/_grid.scss
|
|
60
|
-
- stylesheets/stipe/_media.scss
|
|
61
55
|
- stylesheets/stipe/_stipe.scss
|
|
62
|
-
- stylesheets/stipe/
|
|
56
|
+
- stylesheets/stipe/buttons/lib/_minimal.scss
|
|
57
|
+
- stylesheets/stipe/buttons/lib/_cupid-green.scss
|
|
63
58
|
- stylesheets/stipe/buttons/_extends.scss
|
|
64
59
|
- stylesheets/stipe/buttons/doc-src/buttons.md
|
|
65
|
-
- stylesheets/stipe/
|
|
66
|
-
- stylesheets/stipe/
|
|
67
|
-
- stylesheets/stipe/
|
|
68
|
-
- stylesheets/stipe/
|
|
69
|
-
- stylesheets/stipe/
|
|
70
|
-
- stylesheets/stipe/
|
|
71
|
-
- stylesheets/stipe/
|
|
72
|
-
- stylesheets/stipe/
|
|
73
|
-
- stylesheets/stipe/
|
|
74
|
-
- stylesheets/stipe/
|
|
60
|
+
- stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss
|
|
61
|
+
- stylesheets/stipe/typography/web_fonts/_zocial.scss
|
|
62
|
+
- stylesheets/stipe/typography/web_fonts/_zocial_characters.scss
|
|
63
|
+
- stylesheets/stipe/typography/web_fonts/_font_awesome.scss
|
|
64
|
+
- stylesheets/stipe/typography/_mixins.scss
|
|
65
|
+
- stylesheets/stipe/typography/_default.scss
|
|
66
|
+
- stylesheets/stipe/typography/_functions.scss
|
|
67
|
+
- stylesheets/stipe/typography/_extends.scss
|
|
68
|
+
- stylesheets/stipe/_buttons.scss
|
|
69
|
+
- stylesheets/stipe/resets/_eric_meyer.scss
|
|
70
|
+
- stylesheets/stipe/resets/_toadstool.scss
|
|
71
|
+
- stylesheets/stipe/_color.scss
|
|
75
72
|
- stylesheets/stipe/gradients/mixins/_area_51.scss
|
|
76
73
|
- stylesheets/stipe/gradients/mixins/_linear_gradient_bkgimage.scss
|
|
77
|
-
- stylesheets/stipe/
|
|
74
|
+
- stylesheets/stipe/gradients/_extends.scss
|
|
78
75
|
- stylesheets/stipe/grid/_mixins.scss
|
|
79
76
|
- stylesheets/stipe/grid/lib/_grid_background.scss
|
|
80
|
-
- stylesheets/stipe/grid/lib/_grid_margin.scss
|
|
81
77
|
- stylesheets/stipe/grid/lib/_grid_placement.scss
|
|
78
|
+
- stylesheets/stipe/grid/lib/_grid_margin.scss
|
|
82
79
|
- stylesheets/stipe/grid/lib/_push_logic.scss
|
|
83
80
|
- stylesheets/stipe/grid/lib/_the_grid.scss
|
|
84
|
-
- stylesheets/stipe/
|
|
85
|
-
- stylesheets/stipe/
|
|
86
|
-
- stylesheets/stipe/
|
|
87
|
-
- stylesheets/stipe/
|
|
81
|
+
- stylesheets/stipe/grid/_extends.scss
|
|
82
|
+
- stylesheets/stipe/_grid.scss
|
|
83
|
+
- stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss
|
|
84
|
+
- stylesheets/stipe/toadstool/ui_patterns/_prettify.scss
|
|
85
|
+
- stylesheets/stipe/toadstool/ui_patterns/_emBox.scss
|
|
86
|
+
- stylesheets/stipe/toadstool/modules/_footer.scss
|
|
87
|
+
- stylesheets/stipe/toadstool/modules/_header.scss
|
|
88
|
+
- stylesheets/stipe/toadstool/modules/_main_nav.scss
|
|
89
|
+
- stylesheets/stipe/toadstool/_web_fonts.scss
|
|
88
90
|
- stylesheets/stipe/toadstool/_buttons.scss
|
|
89
|
-
- stylesheets/stipe/toadstool/
|
|
91
|
+
- stylesheets/stipe/toadstool/_ui_patterns.scss
|
|
90
92
|
- stylesheets/stipe/toadstool/_design.scss
|
|
91
|
-
- stylesheets/stipe/toadstool/_forms.scss
|
|
92
93
|
- stylesheets/stipe/toadstool/_grids.scss
|
|
93
|
-
- stylesheets/stipe/toadstool/
|
|
94
|
+
- stylesheets/stipe/toadstool/_forms.scss
|
|
94
95
|
- stylesheets/stipe/toadstool/_typography.scss
|
|
96
|
+
- stylesheets/stipe/toadstool/_modules.scss
|
|
95
97
|
- stylesheets/stipe/toadstool/_ui_manifest.scss
|
|
96
|
-
- stylesheets/stipe/toadstool/
|
|
97
|
-
- stylesheets/stipe/
|
|
98
|
-
- stylesheets/stipe/
|
|
99
|
-
- stylesheets/stipe/
|
|
100
|
-
- stylesheets/stipe/
|
|
101
|
-
- stylesheets/stipe/
|
|
102
|
-
- stylesheets/stipe/
|
|
103
|
-
- stylesheets/stipe/
|
|
104
|
-
- stylesheets/stipe/
|
|
105
|
-
- stylesheets/stipe/
|
|
106
|
-
- stylesheets/stipe/
|
|
107
|
-
- stylesheets/stipe/
|
|
108
|
-
- stylesheets/stipe/
|
|
109
|
-
- stylesheets/stipe/
|
|
110
|
-
- stylesheets/stipe/
|
|
111
|
-
- stylesheets/stipe/typography/web_fonts/_zocial_characters.scss
|
|
98
|
+
- stylesheets/stipe/toadstool/_config.scss
|
|
99
|
+
- stylesheets/stipe/_gradients.scss
|
|
100
|
+
- stylesheets/stipe/_forms.scss
|
|
101
|
+
- stylesheets/stipe/color/_grayscale_math.scss
|
|
102
|
+
- stylesheets/stipe/color/_default_color_pallet.scss
|
|
103
|
+
- stylesheets/stipe/color/_color_math.scss
|
|
104
|
+
- stylesheets/stipe/color/_extends_deprecated.scss
|
|
105
|
+
- stylesheets/stipe/color/readme.md
|
|
106
|
+
- stylesheets/stipe/_typography.scss
|
|
107
|
+
- stylesheets/stipe/forms/_mixins.scss
|
|
108
|
+
- stylesheets/stipe/forms/_extends.scss
|
|
109
|
+
- stylesheets/stipe/doc-src/grids.md
|
|
110
|
+
- stylesheets/stipe/stipe/_mixins.scss
|
|
111
|
+
- stylesheets/stipe/stipe/_extends.scss
|
|
112
|
+
- stylesheets/stipe/_media.scss
|
|
112
113
|
homepage: https://github.com/Anotheruiguy/stipe
|
|
113
114
|
licenses: []
|
|
114
115
|
post_install_message:
|
|
@@ -129,7 +130,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
129
130
|
version: '0'
|
|
130
131
|
requirements: []
|
|
131
132
|
rubyforge_project:
|
|
132
|
-
rubygems_version: 1.8.
|
|
133
|
+
rubygems_version: 1.8.24
|
|
133
134
|
signing_key:
|
|
134
135
|
specification_version: 3
|
|
135
136
|
summary: Core styles for Toadstool
|
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
/////// OOCSS color blocks ////////
|
|
2
|
-
// ----------------------------------------------
|
|
3
|
-
|
|
4
|
-
//* Standard grayscale objects */
|
|
5
|
-
//* -------------------------- */
|
|
6
|
-
%white {
|
|
7
|
-
background-color: $white;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
%alpha_gray {
|
|
11
|
-
background-color: $alpha_gray;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
%bravo_gray {
|
|
15
|
-
background-color: $bravo_gray;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
%charlie_gray {
|
|
19
|
-
background-color: $charlie_gray;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
%delta_gray {
|
|
23
|
-
background-color: $delta_gray;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
%echo_gray {
|
|
27
|
-
background-color: $echo_gray;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
%fox_gray {
|
|
31
|
-
background-color: $fox_gray;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
%golf_gray {
|
|
35
|
-
background-color: $golf_gray;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
%hotel_gray {
|
|
39
|
-
background-color: $hotel_gray;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
%india_gray {
|
|
43
|
-
background-color: $india_gray;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
//* Standard color objects */
|
|
49
|
-
//* ---------------------- */
|
|
50
|
-
%alpha_color {
|
|
51
|
-
background-color: $alpha_color;
|
|
52
|
-
}
|
|
53
|
-
%alpha_color_bravo {
|
|
54
|
-
background-color: $alpha_color_bravo;
|
|
55
|
-
}
|
|
56
|
-
%alpha_color_charlie {
|
|
57
|
-
background-color: $alpha_color_charlie;
|
|
58
|
-
}
|
|
59
|
-
%alpha_color_delta {
|
|
60
|
-
background-color: $alpha_color_delta;
|
|
61
|
-
}
|
|
62
|
-
%alpha_color_echo {
|
|
63
|
-
background-color: $alpha_color_echo;
|
|
64
|
-
}
|
|
65
|
-
%alpha_color_fox {
|
|
66
|
-
background-color: $alpha_color_fox;
|
|
67
|
-
}
|
|
68
|
-
%alpha_color_golf {
|
|
69
|
-
background-color: $alpha_color_golf;
|
|
70
|
-
}
|
|
71
|
-
%alpha_color_hotel {
|
|
72
|
-
background-color: $alpha_color_hotel;
|
|
73
|
-
}
|
|
74
|
-
%alpha_color_india {
|
|
75
|
-
background-color: $alpha_color_india;
|
|
76
|
-
}
|
|
77
|
-
%alpha_color_juliet {
|
|
78
|
-
background-color: $alpha_color_juliet;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
%bravo_color {
|
|
86
|
-
background-color: $bravo_color;
|
|
87
|
-
}
|
|
88
|
-
%bravo_color_bravo {
|
|
89
|
-
background-color: $bravo_color_bravo;
|
|
90
|
-
}
|
|
91
|
-
%bravo_color_charlie {
|
|
92
|
-
background-color: $bravo_color_charlie;
|
|
93
|
-
}
|
|
94
|
-
%bravo_color_delta {
|
|
95
|
-
background-color: $bravo_color_delta;
|
|
96
|
-
}
|
|
97
|
-
%bravo_color_echo {
|
|
98
|
-
background-color: $bravo_color_echo;
|
|
99
|
-
}
|
|
100
|
-
%bravo_color_fox {
|
|
101
|
-
background-color: $bravo_color_fox;
|
|
102
|
-
}
|
|
103
|
-
%bravo_color_golf {
|
|
104
|
-
background-color: $bravo_color_golf;
|
|
105
|
-
}
|
|
106
|
-
%bravo_color_hotel {
|
|
107
|
-
background-color: $bravo_color_hotel;
|
|
108
|
-
}
|
|
109
|
-
%bravo_color_india {
|
|
110
|
-
background-color: $bravo_color_india;
|
|
111
|
-
}
|
|
112
|
-
%bravo_color_juliet {
|
|
113
|
-
background-color: $bravo_color_juliet;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
%charlie_color {
|
|
122
|
-
background-color: $charlie_color;
|
|
123
|
-
}
|
|
124
|
-
%charlie_color_bravo {
|
|
125
|
-
background-color: $charlie_color_bravo;
|
|
126
|
-
}
|
|
127
|
-
%charlie_color_charlie {
|
|
128
|
-
background-color: $charlie_color_charlie;
|
|
129
|
-
}
|
|
130
|
-
%charlie_color_delta {
|
|
131
|
-
background-color: $charlie_color_delta;
|
|
132
|
-
}
|
|
133
|
-
%charlie_color_echo {
|
|
134
|
-
background-color: $charlie_color_echo;
|
|
135
|
-
}
|
|
136
|
-
%charlie_color_fox {
|
|
137
|
-
background-color: $charlie_color_fox;
|
|
138
|
-
}
|
|
139
|
-
%charlie_color_golf {
|
|
140
|
-
background-color: $charlie_color_golf;
|
|
141
|
-
}
|
|
142
|
-
%charlie_color_hotel {
|
|
143
|
-
background-color: $charlie_color_hotel;
|
|
144
|
-
}
|
|
145
|
-
%charlie_color_india {
|
|
146
|
-
background-color: $charlie_color_india;
|
|
147
|
-
}
|
|
148
|
-
%charlie_color_juliet {
|
|
149
|
-
background-color: $charlie_color_juliet;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
%delta_color {
|
|
158
|
-
background-color: $delta_color;
|
|
159
|
-
}
|
|
160
|
-
%delta_color_bravo {
|
|
161
|
-
background-color: $delta_color_bravo;
|
|
162
|
-
}
|
|
163
|
-
%delta_color_charlie {
|
|
164
|
-
background-color: $delta_color_charlie;
|
|
165
|
-
}
|
|
166
|
-
%delta_color_delta {
|
|
167
|
-
background-color: $delta_color_delta;
|
|
168
|
-
}
|
|
169
|
-
%delta_color_echo {
|
|
170
|
-
background-color: $delta_color_echo;
|
|
171
|
-
}
|
|
172
|
-
%delta_color_fox {
|
|
173
|
-
background-color: $delta_color_fox;
|
|
174
|
-
}
|
|
175
|
-
%delta_color_golf {
|
|
176
|
-
background-color: $delta_color_golf;
|
|
177
|
-
}
|
|
178
|
-
%delta_color_hotel {
|
|
179
|
-
background-color: $delta_color_hotel;
|
|
180
|
-
}
|
|
181
|
-
%delta_color_india {
|
|
182
|
-
background-color: $delta_color_india;
|
|
183
|
-
}
|
|
184
|
-
%delta_color_juliet {
|
|
185
|
-
background-color: $delta_color_juliet;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
%echo_color {
|
|
194
|
-
background-color: $echo_color;
|
|
195
|
-
}
|
|
196
|
-
%echo_color_bravo {
|
|
197
|
-
background-color: $echo_color_bravo;
|
|
198
|
-
}
|
|
199
|
-
%echo_color_charlie {
|
|
200
|
-
background-color: $echo_color_charlie;
|
|
201
|
-
}
|
|
202
|
-
%echo_color_delta {
|
|
203
|
-
background-color: $echo_color_delta;
|
|
204
|
-
}
|
|
205
|
-
%echo_color_echo {
|
|
206
|
-
background-color: $echo_color_echo;
|
|
207
|
-
}
|
|
208
|
-
%echo_color_fox {
|
|
209
|
-
background-color: $echo_color_fox;
|
|
210
|
-
}
|
|
211
|
-
%echo_color_golf {
|
|
212
|
-
background-color: $echo_color_golf;
|
|
213
|
-
}
|
|
214
|
-
%echo_color_hotel {
|
|
215
|
-
background-color: $echo_color_hotel;
|
|
216
|
-
}
|
|
217
|
-
%echo_color_india {
|
|
218
|
-
background-color: $echo_color_india;
|
|
219
|
-
}
|
|
220
|
-
%echo_color_juliet {
|
|
221
|
-
background-color: $echo_color_juliet;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
/////// semantic color blocks ////////
|
|
226
|
-
// ----------------------------------------------
|
|
227
|
-
%white {
|
|
228
|
-
background: $white;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
%shadow_color {
|
|
232
|
-
background: $shadow_color;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
%primary_header_color {
|
|
236
|
-
background: $primary_header_color;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
%heading_font_weight {
|
|
240
|
-
background: $heading_font_weight;
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
%primary_text {
|
|
244
|
-
background: $primary_text;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
%href_color {
|
|
248
|
-
background: $href_color;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
%ins_color {
|
|
252
|
-
background: $ins_color;
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
%mark_color {
|
|
256
|
-
background: $mark_color;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
%webkit_tap_hightlight {
|
|
260
|
-
background: $webkit_tap_hightlight;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
%selection_color {
|
|
264
|
-
background: $selection_color;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
%selection_text_color {
|
|
268
|
-
background: $selection_text_color;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
%border_color {
|
|
272
|
-
background: $border_color;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
%primary_button_border_color {
|
|
276
|
-
background: $primary_button_border_color;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
%secondary_button_border_color {
|
|
280
|
-
background: $secondary_button_border_color;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
%button_text {
|
|
284
|
-
background: $button_text;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
%standard_hr_color {
|
|
288
|
-
background: $standard_hr_color;
|
|
289
|
-
}
|