stipe 0.0.3.1 → 0.0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
@@ -4,5 +4,5 @@
4
4
  //
5
5
 
6
6
  @import "color/default_color_pallet";
7
- @import "color/extends";
7
+ //@import "color/extends";
8
8
 
@@ -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: 0 !default; // sets default left/right padding inside grid block
34
- $grid_padding_r: 0 !default; // sets default left/right padding inside grid block
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: $charlie_color !default;
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: $charlie_color !default;
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
- // $grid_padding_lr: 0 !default; // sets default left/right padding inside grid block
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
- article {
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
- header {
17
+ .toadstool_header, .toadstool_subheader {
18
18
  @include grid(12);
19
19
  @media #{$mobile} {
20
20
  @include grid(4, $grid_context: 4);
@@ -1,4 +1,4 @@
1
- /* typography defauts */
1
+ //* typography defauts */
2
2
 
3
3
  html {
4
4
  font: em($font_size, 16) $primary_font_family;
@@ -4,7 +4,7 @@
4
4
  // }
5
5
 
6
6
 
7
- /* Text classes */
7
+ //* Text classes */
8
8
  %headings_1 {
9
9
  @include heading();
10
10
  }
@@ -46,7 +46,7 @@
46
46
 
47
47
 
48
48
 
49
- /* Font family classes */
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
- /* Hide Text, Kellum Method */
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
- /* Standard content block styling */
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.1
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/_typography.scss
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/buttons/lib/_cupid-green.scss
66
- - stylesheets/stipe/buttons/lib/_minimal.scss
67
- - stylesheets/stipe/color/_color_math.scss
68
- - stylesheets/stipe/color/_default_color_pallet.scss
69
- - stylesheets/stipe/color/_extends.scss
70
- - stylesheets/stipe/color/_grayscale_math.scss
71
- - stylesheets/stipe/doc-src/grids.md
72
- - stylesheets/stipe/forms/_extends.scss
73
- - stylesheets/stipe/forms/_mixins.scss
74
- - stylesheets/stipe/gradients/_extends.scss
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/grid/_extends.scss
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/resets/_eric_meyer.scss
85
- - stylesheets/stipe/resets/_toadstool.scss
86
- - stylesheets/stipe/stipe/_extends.scss
87
- - stylesheets/stipe/stipe/_mixins.scss
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/_config.scss
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/_modules.scss
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/_ui_patterns.scss
97
- - stylesheets/stipe/toadstool/_web_fonts.scss
98
- - stylesheets/stipe/toadstool/modules/_footer.scss
99
- - stylesheets/stipe/toadstool/modules/_header.scss
100
- - stylesheets/stipe/toadstool/modules/_main_nav.scss
101
- - stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss
102
- - stylesheets/stipe/toadstool/ui_patterns/_emBox.scss
103
- - stylesheets/stipe/toadstool/ui_patterns/_prettify.scss
104
- - stylesheets/stipe/typography/_default.scss
105
- - stylesheets/stipe/typography/_extends.scss
106
- - stylesheets/stipe/typography/_functions.scss
107
- - stylesheets/stipe/typography/_mixins.scss
108
- - stylesheets/stipe/typography/web_fonts/_font_awesome.scss
109
- - stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss
110
- - stylesheets/stipe/typography/web_fonts/_zocial.scss
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.23
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
- }