plan_b 0.0.1.pre

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.
Files changed (34) hide show
  1. data/README.md +43 -0
  2. data/Rakefile +13 -0
  3. data/app/assets/images/plan_b/plan_b.png +0 -0
  4. data/app/assets/javascripts/plan_b/application.js +9 -0
  5. data/app/assets/javascripts/plan_b/itineraries/controllers.js +67 -0
  6. data/app/assets/javascripts/plan_b/itineraries/services.js +4 -0
  7. data/app/assets/javascripts/plan_b/plan_b.js +53 -0
  8. data/app/assets/stylesheets/plan_b/application.css.scss +2 -0
  9. data/app/assets/stylesheets/plan_b/foundation_and_overrides.scss +1015 -0
  10. data/app/assets/templates/plan_b/itineraries/edit.html.erb +87 -0
  11. data/app/assets/templates/plan_b/itineraries/new.html.erb +22 -0
  12. data/app/controllers/plan_b/angular_controller.rb +16 -0
  13. data/app/controllers/plan_b/application_controller.rb +5 -0
  14. data/app/controllers/plan_b/hiking_profiles_controller.rb +59 -0
  15. data/app/controllers/plan_b/itineraries_controller.rb +46 -0
  16. data/app/helpers/plan_b/application_helper.rb +4 -0
  17. data/app/helpers/plan_b/itineraries_helper.rb +4 -0
  18. data/app/models/plan_b/hiking_template.rb +7 -0
  19. data/app/models/plan_b/itinerary.rb +15 -0
  20. data/app/models/plan_b/itinerary_template.rb +8 -0
  21. data/app/models/plan_b/template_creator.rb +25 -0
  22. data/app/views/plan_b/angular/index.html.haml +38 -0
  23. data/config/initializers/haml.rb +1 -0
  24. data/config/initializers/wrap_parameters.rb +14 -0
  25. data/config/locales/plan_b.en.yml +31 -0
  26. data/config/routes.rb +20 -0
  27. data/db/migrate/20130408193857_create_plan_b_itineraries.rb +16 -0
  28. data/db/migrate/20130408193858_create_plan_b_itinerary_templates.rb +10 -0
  29. data/db/migrate/20130408193859_create_plan_b_hiking_templates.rb +10 -0
  30. data/lib/plan_b/config.rb +10 -0
  31. data/lib/plan_b/engine.rb +12 -0
  32. data/lib/plan_b/version.rb +3 -0
  33. data/lib/plan_b.rb +5 -0
  34. metadata +161 -0
@@ -0,0 +1,1015 @@
1
+ // Required global settings and mixins for Foundation
2
+ @import "foundation/foundation-global";
3
+
4
+ // Settings file to override Foundation variables
5
+
6
+ // You can find the variables for each component at the bottom of their
7
+ // doc page. We tried to name them to where they'd make sense just by reading them.
8
+ // Go to http://foundation.zurb.com/docs/ to find what you need.
9
+
10
+ //
11
+ // Foundation Global Variables
12
+ //
13
+
14
+ // This is the default html and body font-size for the base em value.
15
+ $em-base: 22px;
16
+
17
+ // We use these to control various global styles
18
+ // $body-bg: #fff;
19
+ $body-font-color: #555;
20
+ $body-font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
21
+ html {
22
+ text-shadow: 0 1px rgba(255,255,255,0.6);
23
+ }
24
+
25
+ // $body-font-weight: normal;
26
+ // $body-font-style: normal;
27
+
28
+ // We use this to control font-smoothing
29
+ // $font-smoothing: antialiased;
30
+
31
+ // We use these to control text direction settings
32
+ // $text-direction: ltr;
33
+
34
+ // We use these as default colors throughout
35
+ // $primary-color: #2ba6cb;
36
+ // $secondary-color: #e9e9e9;
37
+ // $alert-color: #c60f13;
38
+ // $success-color: #5da423;
39
+
40
+ // We use these to make sure border radius matches unless we want it different.
41
+ // $global-radius: 3px;
42
+ // $global-rounded: 1000px;
43
+
44
+ // We use these to control inset shadow shiny edges and depressions.
45
+ // $shiny-edge-size: 0 1px 0;
46
+ // $shiny-edge-color: rgba(#fff, .5);
47
+ // $shiny-edge-active-color: rgba(#000, .2);
48
+
49
+ // We use this to control whether or not CSS classes come through in the gem files.
50
+ // $include-html-classes: true;
51
+ // $include-print-styles: true;
52
+
53
+ // Modular html classes
54
+ // $include-html-grid-classes: $include-html-classes;
55
+ // $include-html-visibility-classes: $include-html-classes;
56
+ // $include-html-button-classes: $include-html-classes;
57
+ // $include-html-form-classes: $include-html-classes;
58
+ // $include-html-media-classes: $include-html-classes;
59
+ // $include-html-section-classes: $include-html-classes;
60
+ // $include-html-reveal-classes: $include-html-classes;
61
+ // $include-html-alert-classes: $include-html-classes;
62
+ // $include-html-nav-classes: $include-html-classes;
63
+ // $include-html-label-classes: $include-html-classes;
64
+ // $include-html-panel-classes: $include-html-classes;
65
+ // $include-html-pricing-classes: $include-html-classes;
66
+ // $include-html-progress-classes: $include-html-classes;
67
+
68
+ //
69
+ // Grid Variables
70
+ //
71
+
72
+ // $row-width: 62.5em;
73
+ // $column-gutter: 1.875em;
74
+ // $total-columns: 12;
75
+
76
+ //
77
+ // Block Grid Variables
78
+ //
79
+
80
+ // We use this to control the maximum number of block grid elements per row
81
+ // $block-grid-elements: 12;
82
+ // $block-grid-default-spacing: 10px;
83
+
84
+ // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
85
+ // $block-grid-media-queries: true;
86
+
87
+ //
88
+ // Typography Variables
89
+ //
90
+
91
+ // We use these to control header font styles
92
+ // $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
93
+ // $header-font-weight: bold;
94
+ // $header-font-style: normal;
95
+ // $header-font-color: #222;
96
+ // $header-line-height: 1.4;
97
+ // $header-top-margin: .2em;
98
+ // $header-bottom-margin: .5em;
99
+ // $header-text-rendering: optimizeLegibility;
100
+
101
+ // We use these to control header font sizes
102
+ // $h1-font-size: emCalc(44px);
103
+ // $h2-font-size: emCalc(37px);
104
+ // $h3-font-size: emCalc(27px);
105
+ // $h4-font-size: emCalc(23px);
106
+ // $h5-font-size: emCalc(18px);
107
+ // $h6-font-size: 1em;
108
+
109
+ // These control how subheaders are styled.
110
+ // $subheader-line-height: 1.4;
111
+ // $subheader-font-color: lighten($header-font-color, 30%);
112
+ // $subheader-font-weight: 300;
113
+ // $subheader-top-margin: .2em;
114
+ // $subheader-bottom-margin: .5em;
115
+
116
+ // A general <small> styling
117
+ // $small-font-size: 60%;
118
+ // $small-font-color: lighten($header-font-color, 30%);
119
+
120
+ // We use these to style paragraphs
121
+ // $paragraph-font-family: inherit;
122
+ // $paragraph-font-weight: normal;
123
+ // $paragraph-font-size: 1em;
124
+ // $paragraph-line-height: 1.6;
125
+ // $paragraph-margin-bottom: emCalc(20px);
126
+ // $paragraph-aside-font-size: emCalc(14px);
127
+ // $paragraph-aside-line-height: 1.35;
128
+ // $paragraph-aside-font-style: italic;
129
+
130
+ // We use these to style <code> tags
131
+ // $code-color: darken($alert-color, 15%);
132
+ // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
133
+ // $code-font-weight: bold;
134
+
135
+ // We use these to style anchors
136
+ // $anchor-text-decoration: none;
137
+ // $anchor-font-color: $primary-color;
138
+ // $anchor-font-color-hover: darken($primary-color, 5%);
139
+
140
+ // We use these to style the <hr> element
141
+ // $hr-border-width: 1px;
142
+ // $hr-border-style: solid;
143
+ // $hr-border-color: #ddd;
144
+ // $hr-margin: emCalc(20px);
145
+
146
+ // We use these to style lists
147
+ // $list-style-position: outside;
148
+ // $list-side-margin: emCalc(18px);
149
+ // $definition-list-header-weight: bold;
150
+ // $definition-list-header-margin-bottom: .3em;
151
+ // $definition-list-margin-bottom: emCalc(12px);
152
+
153
+ // We use these to style blockquotes
154
+ // $blockquote-font-color: lighten($header-font-color, 30%);
155
+ // $blockquote-padding: emCalc(9px) emCalc(20px) 0 emCalc(19px);
156
+ // $blockquote-border: 1px solid #ddd;
157
+ // $blockquote-cite-font-size: emCalc(13px);
158
+ // $blockquote-cite-font-color: lighten($header-font-color, 20%);
159
+ // $blockquote-cite-link-color: $blockquote-cite-font-color;
160
+
161
+ // Acronym styles
162
+ // $acronym-underline: 1px dotted #ddd;
163
+
164
+ // We use these to control padding and margin
165
+ // $microformat-padding: emCalc(10px) emCalc(12px);
166
+ // $microformat-margin: 0 0 emCalc(20px) 0;
167
+
168
+ // We use these to control the border styles
169
+ // $microformat-border-width: 1px;
170
+ // $microformat-border-style: solid;
171
+ // $microformat-border-color: #ddd;
172
+
173
+ // We use these to control full name font styles
174
+ // $microformat-fullname-font-weight: bold;
175
+ // $microformat-fullname-font-size: emCalc(15px);
176
+
177
+ // We use this to control the summary font styles
178
+ // $microformat-summary-font-weight: bold;
179
+
180
+ // We use this to control abbr padding
181
+ // $microformat-abbr-padding: 0 emCalc(1px);
182
+
183
+ // We use this to control abbr font styles
184
+ // $microformat-abbr-font-weight: bold;
185
+ // $microformat-abbr-font-decoration: none;
186
+
187
+ //
188
+ // Form Variables
189
+ //
190
+
191
+ // We use this to set the base for lots of form spacing and positioning styles
192
+ // $form-spacing: emCalc(16px);
193
+
194
+ // We use these to style the labels in different ways
195
+ // $label-pointer: pointer;
196
+ // $label-font-size: emCalc(14px);
197
+ // $label-font-weight: 500;
198
+ // $label-font-color: lighten(#000, 30%);
199
+ // $label-bottom-margin: emCalc(3px);
200
+ // $input-font-family: inherit;
201
+ // $input-font-color: rgba(0,0,0,0.75);
202
+ // $input-font-size: emCalc(14px);
203
+ // $input-bg-color: #fff;
204
+ // $input-focus-bg-color: darken(#fff, 2%);
205
+ // $input-border-color: darken(#fff, 20%);
206
+ // $input-focus-border-color: darken(#fff, 40%);
207
+ // $input-border-style: solid;
208
+ // $input-border-width: 1px;
209
+ // $input-disabled-bg: #ddd;
210
+ // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
211
+
212
+ // We use these to style the fieldset border and spacing.
213
+ // $fieldset-border-style: solid;
214
+ // $fieldset-border-width: 1px;
215
+ // $fieldset-border-color: #ddd;
216
+ // $fieldset-padding: emCalc(20px);
217
+ // $fieldset-margin: emCalc(18px) 0;
218
+
219
+ // We use these to style the legends when you use them
220
+ // $legend-bg: #fff;
221
+ // $legend-font-weight: bold;
222
+ // $legend-padding: 0 emCalc(3px);
223
+
224
+ // We use these to style the prefix and postfix input elements
225
+ // $input-prefix-bg: darken(#fff, 5%);
226
+ // $input-prefix-border-color: darken(#fff, 20%);
227
+ // $input-prefix-border-size: 1px;
228
+ // $input-prefix-border-type: solid;
229
+ // $input-prefix-overflow: hidden;
230
+ // $input-prefix-font-color: #333;
231
+ // $input-prefix-font-color-alt: #fff;
232
+
233
+ // We use these to style the error states for inputs and labels
234
+ // $input-error-message-padding: emCalc(6px) emCalc(4px);
235
+ // $input-error-message-top: -($form-spacing) - emCalc(5px);
236
+ // $input-error-message-font-size: emCalc(12px);
237
+ // $input-error-message-font-weight: bold;
238
+ // $input-error-message-font-color: #fff;
239
+ // $input-error-message-font-color-alt: #333;
240
+
241
+ // We use these to build padding for buttons.
242
+ // $button-med: emCalc(12px);
243
+ // $button-tny: emCalc(7px);
244
+ // $button-sml: emCalc(9px);
245
+ // $button-lrg: emCalc(16px);
246
+
247
+ // We use this to control the display property.
248
+ // $button-display: inline-block;
249
+ // $button-margin-bottom: emCalc(20px);
250
+
251
+ // We use these to control button text styles.
252
+ // $button-font-family: inherit;
253
+ // $button-font-color: #fff;
254
+ // $button-font-color-alt: #333;
255
+ // $button-font-med: emCalc(16px);
256
+ // $button-font-tny: emCalc(11px);
257
+ // $button-font-sml: emCalc(13px);
258
+ // $button-font-lrg: emCalc(20px);
259
+ // $button-font-weight: bold;
260
+ // $button-font-align: center;
261
+
262
+ // We use these to control various hover effects.
263
+ // $button-function-factor: 10%;
264
+
265
+ // We use these to control button border styles.
266
+ // $button-border-width: 1px;
267
+ // $button-border-style: solid;
268
+ // $button-border-color: darken($primary-color, $button-function-factor);
269
+
270
+ // We use this to set the default radius used throughout the core.
271
+ // $button-radius: $global-radius;
272
+
273
+ // We use this to set default opacity for disabled buttons.
274
+ // $button-disabled-opacity: 0.6;
275
+
276
+ //
277
+ // Dropdown Button Variables
278
+ //
279
+
280
+ // We use these to set the color of the pip in dropdown buttons
281
+ // $dropdown-button-pip-color: #fff;
282
+ // $dropdown-button-pip-color-alt: #333;
283
+
284
+ // We use these to style tiny dropdown buttons
285
+ // $dropdown-button-padding-tny: $button-tny * 5;
286
+ // $dropdown-button-pip-size-tny: $button-tny;
287
+ // $dropdown-button-pip-right-tny: $button-tny * 2;
288
+ // $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px);
289
+
290
+ // We use these to style small dropdown buttons
291
+ // $dropdown-button-padding-sml: $button-sml * 5;
292
+ // $dropdown-button-pip-size-sml: $button-sml;
293
+ // $dropdown-button-pip-right-sml: $button-sml * 2;
294
+ // $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px);
295
+
296
+ // We use these to style medium dropdown buttons
297
+ // $dropdown-button-padding-med: $button-med * 4 + emCalc(3px);
298
+ // $dropdown-button-pip-size-med: $button-med - emCalc(3px);
299
+ // $dropdown-button-pip-right-med: $button-med * 2;
300
+ // $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px);
301
+
302
+ // We use these to style large dropdown buttons
303
+ // $dropdown-button-padding-lrg: $button-lrg * 4;
304
+ // $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px);
305
+ // $dropdown-button-pip-right-lrg: $button-lrg + emCalc(12px);
306
+ // $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px);
307
+
308
+ //
309
+ // Split Button Variables
310
+ //
311
+
312
+ // We use these to control different shared styles for Split Buttons
313
+ // $split-button-function-factor: 15%;
314
+ // $split-button-pip-color: #fff;
315
+ // $split-button-pip-color-alt: #333;
316
+ // $split-button-active-bg-tint: rgba(0,0,0,0.1);
317
+
318
+ // We use these to control tiny split buttons
319
+ // $split-button-padding-tny: $button-tny * 9;
320
+ // $split-button-span-width-tny: $button-tny * 6.5;
321
+ // $split-button-pip-size-tny: $button-tny;
322
+ // $split-button-pip-top-tny: $button-tny * 2;
323
+ // $split-button-pip-left-tny: emCalc(-5px);
324
+
325
+ // We use these to control small split buttons
326
+ // $split-button-padding-sml: $button-sml * 7;
327
+ // $split-button-span-width-sml: $button-sml * 5;
328
+ // $split-button-pip-size-sml: $button-sml;
329
+ // $split-button-pip-top-sml: $button-sml * 1.5;
330
+ // $split-button-pip-left-sml: emCalc(-9px);
331
+
332
+ // We use these to control medium split buttons
333
+ // $split-button-padding-med: $button-med * 6.4;
334
+ // $split-button-span-width-med: $button-med * 4;
335
+ // $split-button-pip-size-med: $button-med - emCalc(3px);
336
+ // $split-button-pip-top-med: $button-med * 1.5;
337
+ // $split-button-pip-left-med: emCalc(-9px);
338
+
339
+ // We use these to control large split buttons
340
+ // $split-button-padding-lrg: $button-lrg * 6;
341
+ // $split-button-span-width-lrg: $button-lrg * 3.75;
342
+ // $split-button-pip-size-lrg: $button-lrg - emCalc(6px);
343
+ // $split-button-pip-top-lrg: $button-lrg + emCalc(5px);
344
+ // $split-button-pip-left-lrg: emCalc(-9px);
345
+
346
+ //
347
+ // Alert Variables
348
+ //
349
+
350
+ // We use this to control alert padding.
351
+ // $alert-padding-top: emCalc(11px);
352
+ // $alert-padding-left: $alert-padding-top;
353
+ // $alert-padding-right: $alert-padding-top + emCalc(10px);
354
+ // $alert-padding-bottom: $alert-padding-top + emCalc(1px);
355
+
356
+ // We use these to control text style.
357
+ // $alert-font-weight: bold;
358
+ // $alert-font-size: emCalc(14px);
359
+ // $alert-font-color: #fff;
360
+ // $alert-font-color-alt: darken($secondary-color, 60%);
361
+
362
+ // We use this for close hover effect.
363
+ // $alert-function-factor: 10%;
364
+
365
+ // We use these to control border styles.
366
+ // $alert-border-style: solid;
367
+ // $alert-border-width: 1px;
368
+ // $alert-border-color: darken($primary-color, $alert-function-factor);
369
+ // $alert-bottom-margin: emCalc(20px);
370
+
371
+ // We use these to style the close buttons
372
+ // $alert-close-color: #333;
373
+ // $alert-close-position: emCalc(5px);
374
+ // $alert-close-font-size: emCalc(22px);
375
+ // $alert-close-opacity: 0.3;
376
+ // $alert-close-opacity-hover: 0.5;
377
+ // $alert-close-padding: 5px 4px 4px;
378
+
379
+ // We use this to control border radius
380
+ // $alert-radius: $global-radius;
381
+
382
+ //
383
+ // Breadcrumb Variables
384
+ //
385
+
386
+ // We use this to set the background color for the breadcrumb container.
387
+ // $crumb-bg: lighten($secondary-color, 5%);
388
+
389
+ // We use these to set the padding around the breadcrumbs.
390
+ // $crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px);
391
+ // $crumb-side-padding: emCalc(12px);
392
+
393
+ // We use these to control border styles.
394
+ // $crumb-function-factor: 10%;
395
+ // $crumb-border-size: 1px;
396
+ // $crumb-border-style: solid;
397
+ // $crumb-border-color: darken($crumb-bg, $crumb-function-factor);
398
+ // $crumb-radius: $global-radius;
399
+
400
+ // We use these to set various text styles for breadcrumbs.
401
+ // $crumb-font-size: emCalc(11px);
402
+ // $crumb-font-color: $primary-color;
403
+ // $crumb-font-color-current: #333;
404
+ // $crumb-font-color-unavailable: #999;
405
+ // $crumb-font-transform: uppercase;
406
+ // $crumb-link-decor: underline;
407
+
408
+ // We use these to control the slash between breadcrumbs
409
+ // $crumb-slash-color: #aaa;
410
+ // $crumb-slash: "/";
411
+
412
+ //
413
+ // Clearing Variables
414
+ //
415
+
416
+ // We use these to set the background colors for parts of Clearing.
417
+ // $clearing-bg: #111;
418
+ // $clearing-caption-bg: $clearing-bg;
419
+ // $clearing-carousel-bg: #111;
420
+ // $clearing-img-bg: $clearing-bg;
421
+
422
+ // We use these to style the close button
423
+ // $clearing-close-color: #fff;
424
+ // $clearing-close-size: 40px;
425
+
426
+ // We use these to style the arrows
427
+ // $clearing-arrow-size: 16px;
428
+ // $clearing-arrow-color: $clearing-close-color;
429
+
430
+ // We use these to style captions
431
+ // $clearing-caption-font-color: #fff;
432
+ // $clearing-caption-padding: 10px 30px;
433
+
434
+ // We use these to make the image and carousel height and style
435
+ // $clearing-active-img-height: 75%;
436
+ // $clearing-carousel-height: 150px;
437
+ // $clearing-carousel-thumb-width: 175px;
438
+ // $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255);
439
+
440
+ //
441
+ // Custom Form Variables
442
+ //
443
+
444
+ // We use these to control the basic form styles input styles
445
+ // $custom-form-border-color: #ccc;
446
+ // $custom-form-bg: #fff;
447
+ // $custom-form-bg-disabled: #ddd;
448
+ // $custom-form-check-color: #222;
449
+
450
+ // We use these to style the custom select form element.
451
+ // $custom-select-bg: #fff;
452
+ // $custom-select-fade-to-color: #f3f3f3;
453
+ // $custom-select-border-color: #ddd;
454
+ // $custom-select-triangle-color: #aaa;
455
+ // $custom-select-triangle-color-open: #222;
456
+ // $custom-select-height: emCalc(13px) + ($form-spacing * 1.5);
457
+ // $custom-select-margin-bottom: emCalc(20px);
458
+ // $custom-select-font-color-selected: #141414;
459
+ // $custom-select-disabled-color: #888;
460
+
461
+ // We use these to control the style of the custom select dropdown element.
462
+ // $custom-dropdown-height: 200px;
463
+ // $custom-dropdown-bg: #fff;
464
+ // $custom-dropdown-border-color: darken(#fff, 20%);
465
+ // $custom-dropdown-border-width: 1px;
466
+ // $custom-dropdown-border-style: solid;
467
+ // $custom-dropdown-font-color: #555;
468
+ // $custom-dropdown-font-size: emCalc(14px);
469
+ // $custom-dropdown-color-selected: #eeeeee;
470
+ // $custom-dropdown-font-color-selected: #000;
471
+ // $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1);
472
+ // $custom-dropdown-offset-top: none;
473
+ // $custom-dropdown-list-padding: emCalc(4px);
474
+ // $custom-dropdown-left-padding: emCalc(6px);
475
+ // $custom-dropdown-right-padding: emCalc(38px);
476
+ // $custom-dropdown-list-item-min-height: emCalc(24px);
477
+
478
+ //
479
+ // Dropdown Variables
480
+ //
481
+
482
+ // We use these to controls height and width styles.
483
+ // $f-dropdown-max-width: 200px;
484
+ // $f-dropdown-height: auto;
485
+ // $f-dropdown-max-height: none;
486
+ // $f-dropdown-margin-top: 2px;
487
+
488
+ // We use this to control the background color
489
+ // $f-dropdown-bg: #fff;
490
+
491
+ // We use this to set the border styles for dropdowns.
492
+ // $f-dropdown-border-style: solid;
493
+ // $f-dropdown-border-width: 1px;
494
+ // $f-dropdown-border-color: darken(#fff, 20%);
495
+
496
+ // We use these to style the triangle pip.
497
+ // $f-dropdown-triangle-size: 6px;
498
+ // $f-dropdown-triangle-color: #fff;
499
+ // $f-dropdown-triangle-side-offset: 10px;
500
+
501
+ // We use these to control styles for the list elements.
502
+ // $f-dropdown-list-style: none;
503
+ // $f-dropdown-font-color: #555;
504
+ // $f-dropdown-font-size: emCalc(14px);
505
+ // $f-dropdown-list-padding: emCalc(5px) emCalc(10px);
506
+ // $f-dropdown-line-height: emCalc(18px);
507
+ // $f-dropdown-list-hover-bg: #eeeeee;
508
+ // $dropdown-mobile-left: 0;
509
+
510
+ // We use this to control the styles for when the dropdown has custom content.
511
+ // $f-dropdown-content-padding: emCalc(20px);
512
+
513
+ //
514
+ // Flex Video Variables
515
+ //
516
+
517
+ // We use these to control video container padding and margins
518
+ // $flex-video-padding-top: emCalc(25px);
519
+ // $flex-video-padding-bottom: 67.5%;
520
+ // $flex-video-margin-bottom: emCalc(16px);
521
+
522
+ // We use this to control widescreen bottom padding
523
+ // $flex-video-widescreen-padding-bottom: 57.25%;
524
+
525
+ //
526
+ // Inline List Variables
527
+ //
528
+
529
+ // We use this to control the margins and padding of the inline list.
530
+ // $inline-list-margin-bottom: emCalc(17px) emCalc(-22px );
531
+ // $inline-list-margin: 0 0;
532
+ // $inline-list-padding: 0;
533
+
534
+ // We use this to control the overflow of the inline list.
535
+ // $inline-list-overflow: hidden;
536
+
537
+ // We use this to control the list items
538
+ // $inline-list-display: block;
539
+
540
+ // We use this to control any elments within list items
541
+ // $inline-list-children-display: block;
542
+
543
+ //
544
+ // Joyride Variables
545
+ //
546
+
547
+ // Controlling default Joyride styles
548
+ // $joyride-tip-bg: rgb(0,0,0);
549
+ // $joyride-tip-default-width: 300px;
550
+ // $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px);
551
+ // $joyride-tip-border: solid 1px #555;
552
+ // $joyride-tip-radius: 4px;
553
+ // $joyride-tip-position-offset: 22px;
554
+
555
+ // Here, we're setting the tip dont styles
556
+ // $joyride-tip-font-color: #fff;
557
+ // $joyride-tip-font-size: emCalc(14px);
558
+ // $joyride-tip-header-weight: bold;
559
+
560
+ // This changes the nub size
561
+ // $joyride-tip-nub-size: 14px;
562
+
563
+ // This adjusts the styles for the timer when its enabled
564
+ // $joyride-tip-timer-width: 50px;
565
+ // $joyride-tip-timer-height: 3px;
566
+ // $joyride-tip-timer-color: #666;
567
+
568
+ // This changes up the styles for the close button
569
+ // $joyride-tip-close-color: #777;
570
+ // $joyride-tip-close-size: 30px;
571
+ // $joyride-tip-close-weight: normal;
572
+
573
+ // When Joyride is filling the screen, we use this style for the bg
574
+ // $joyride-screenfill: rgba(0,0,0,0.5);
575
+
576
+ //
577
+ // Keystroke Variables
578
+ //
579
+
580
+ // We use these to control text styles.
581
+ // $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
582
+ // $keystroke-font-size: emCalc(15px);
583
+ // $keystroke-font-color: #222;
584
+ // $keystroke-font-color-alt: #fff;
585
+ // $keystroke-function-factor: 7%;
586
+
587
+ // We use this to control keystroke padding.
588
+ // $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px);
589
+
590
+ // We use these to control background and border styles.
591
+ // $keystroke-bg: darken(#fff, $keystroke-function-factor);
592
+ // $keystroke-border-style: solid;
593
+ // $keystroke-border-width: 1px;
594
+ // $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor);
595
+ // $keystroke-radius: $global-radius;
596
+
597
+ //
598
+ // Label Variables
599
+ //
600
+
601
+ // We use these to style the labels
602
+ // $label-padding: emCalc(3px) emCalc(10px) emCalc(4px);
603
+ // $label-radius: $global-radius;
604
+
605
+ // We use these to style the label text
606
+ // $label-font-sizing: emCalc(14px);
607
+ // $label-font-weight: bold;
608
+
609
+ //
610
+ // Orbit Settings
611
+ //
612
+
613
+ // We use these to control the caption styles
614
+ // $orbit-container-bg: #f5f5f5;
615
+ // $orbit-caption-bg-old-browser: #000;
616
+ // $orbit-caption-bg-old: rgb(0,0,0);
617
+ // $orbit-caption-bg: rgba(0,0,0,0.6);
618
+ // $orbit-caption-font-color: #fff;
619
+
620
+ // We use these to control the left/right nav styles
621
+ // $orbit-nav-bg-old: rgb(0,0,0);
622
+ // $orbit-nav-bg: rgba(0,0,0,0.6);
623
+
624
+ // We use these to control the timer styles
625
+ // $orbit-timer-bg-old: rgb(0,0,0);
626
+ // $orbit-timer-bg: rgba(0,0,0,0.6);
627
+
628
+ // We use these to control the bullet nav styles
629
+ // $orbit-bullet-nav-color: #999;
630
+ // $orbit-bullet-nav-color-active: #222;
631
+
632
+ // We use thes to controls the style of slide numbers
633
+ // $orbit-slide-number-bg: rgb(0,0,0);
634
+ // $orbit-slide-number-font-color: #fff;
635
+ // $orbit-slide-number-padding: emCalc(5px);
636
+
637
+ // Margin for when Orbit is stacked on small screens
638
+ // $stack-on-small-margin-bottom: emCalc(20px); // Doesn't quite work yet
639
+
640
+ //
641
+ // Pagination Variables
642
+ //
643
+
644
+ // We use these to control the pagination container
645
+ // $pagination-height: emCalc(24px);
646
+ // $pagination-margin: emCalc(-5px);
647
+
648
+ // We use these to set the list-item properties
649
+ // $pagination-li-float: $default-float;
650
+ // $pagination-li-height: emCalc(24px);
651
+ // $pagination-li-font-color: #222;
652
+ // $pagination-li-font-size: emCalc(14px);
653
+ // $pagination-li-margin: emCalc(5px);
654
+
655
+ // We use these for the pagination anchor links
656
+ // $pagination-link-pad: emCalc(1px) emCalc(7px) emCalc(1px);
657
+ // $pagination-link-font-color: #999;
658
+ // $pagination-link-active-bg: darken(#fff, 10%);
659
+
660
+ // We use these for disabled anchor links
661
+ // $pagination-link-unavailable-cursor: default;
662
+ // $pagination-link-unavailable-font-color: #999;
663
+ // $pagination-link-unavailable-bg-active: transparent;
664
+
665
+ // We use these for currently selected anchor links
666
+ // $pagination-link-current-background: $primary-color;
667
+ // $pagination-link-current-font-color: #fff;
668
+ // $pagination-link-current-font-weight: bold;
669
+ // $pagination-link-current-cursor: default;
670
+ // $pagination-link-current-active-bg: $primary-color;
671
+
672
+ //
673
+ // Panel Variables
674
+ //
675
+
676
+ // We use these to control the background and border styles
677
+ // $panel-bg: darken(#fff, 5%);
678
+ // $panel-border-style: solid;
679
+ // $panel-border-size: 1px;
680
+
681
+ // We use this % to control how much we darken things on hover
682
+ // $panel-function-factor: 10%;
683
+ // $panel-border-color: darken($panel-bg, $panel-function-factor);
684
+
685
+ // We use these to set default inner padding and bottom margin
686
+ // $panel-margin-bottom: emCalc(20px);
687
+ // $panel-padding: emCalc(20px);
688
+
689
+ // We use these to set default font colors
690
+ // $panel-font-color: #333;
691
+ // $panel-font-color-alt: #fff;
692
+
693
+ //
694
+ // Pricing Table Variables
695
+ //
696
+
697
+ // We use this to control the border color
698
+ // $price-table-border: solid 1px #ddd;
699
+
700
+ // We use this to control the bottom margin of the pricing table
701
+ // $price-table-margin-bottom: emCalc(20px);
702
+
703
+ // We use these to control the title styles
704
+ // $price-title-bg: #ddd;
705
+ // $price-title-padding: emCalc(15px) emCalc(20px);
706
+ // $price-title-align: center;
707
+ // $price-title-color: #333;
708
+ // $price-title-weight: bold;
709
+ // $price-title-size: emCalc(16px);
710
+
711
+ // We use these to control the price styles
712
+ // $price-money-bg: #eee;
713
+ // $price-money-padding: emCalc(15px) emCalc(20px);
714
+ // $price-money-align: center;
715
+ // $price-money-color: #333;
716
+ // $price-money-weight: normal;
717
+ // $price-money-size: emCalc(20px);
718
+
719
+ // We use these to control the description styles
720
+ // $price-bg: #fff;
721
+ // $price-desc-color: #777;
722
+ // $price-desc-padding: emCalc(15px);
723
+ // $price-desc-align: center;
724
+ // $price-desc-font-size: emCalc(12px);
725
+ // $price-desc-weight: normal;
726
+ // $price-desc-line-height: 1.4;
727
+ // $price-desc-bottom-border: dotted 1px #ddd;
728
+
729
+ // We use these to control the list item styles
730
+ // $price-item-color: #333;
731
+ // $price-item-padding: emCalc(15px);
732
+ // $price-item-align: center;
733
+ // $price-item-font-size: emCalc(14px);
734
+ // $price-item-weight: normal;
735
+ // $price-item-bottom-border: dotted 1px #ddd;
736
+
737
+ // We use these to control the CTA area styles
738
+ // $price-cta-bg: #f5f5f5;
739
+ // $price-cta-align: center;
740
+ // $price-cta-padding: emCalc(20px) emCalc(20px) 0;
741
+
742
+ //
743
+ // Progress Bar Variables
744
+ //
745
+
746
+ // We use this to se the prog bar height
747
+ // $progress-bar-height: emCalc(25px);
748
+ // $progress-bar-color: transparent;
749
+
750
+ // We use these to control the border styles
751
+ // $progress-bar-border-color: darken(#fff, 20%);
752
+ // $progress-bar-border-size: 1px;
753
+ // $progress-bar-border-style: solid;
754
+ // $progress-bar-border-radius: $global-radius;
755
+
756
+ // We use these to control the margin & padding
757
+ // $progress-bar-pad: emCalc(2px);
758
+ // $progress-bar-margin-bottom: emCalc(10px);
759
+
760
+ // We use these to set the meter colors
761
+ // $progress-meter-color: $primary-color;
762
+ // $progress-meter-secondary-color: $secondary-color;
763
+ // $progress-meter-success-color: $success-color;
764
+ // $progress-meter-alert-color: $alert-color;
765
+
766
+ // NEED TO FINISH THE LOGIC HERE
767
+
768
+ //
769
+ // Reveal Variables
770
+ //
771
+
772
+ // We use these to control the style of the reveal overlay.
773
+ // $reveal-overlay-bg: rgba(#000, .45);
774
+ // $reveal-overlay-bg-old: #000;
775
+
776
+ // We use these to control the style of the modal itself.
777
+ // $reveal-modal-bg: #fff;
778
+ // $reveal-position-top: 50px;
779
+ // $reveal-default-width: 80%;
780
+ // $reveal-modal-padding: emCalc(20px);
781
+ // $reveal-box-shadow: 0 0 10px rgba(#000,.4);
782
+
783
+ // We use these to style the reveal close button
784
+ // $reveal-close-font-size: emCalc(22px);
785
+ // $reveal-close-top: emCalc(8px);
786
+ // $reveal-close-side: emCalc(11px);
787
+ // $reveal-close-color: #aaa;
788
+ // $reveal-close-weight: bold;
789
+
790
+ // We use these to control the modal border
791
+ // $reveal-border-style: solid;
792
+ // $reveal-border-width: 1px;
793
+ // $reveal-border-color: #666;
794
+
795
+ //
796
+ // Section Variables
797
+ //
798
+
799
+ // We use these to set padding and hover factor
800
+ // $section-padding: emCalc(15px);
801
+ // $section-function-factor: 10%;
802
+
803
+ // These style the titles
804
+ // $section-title-color: #333;
805
+ // $section-title-bg: #efefef;
806
+ // $section-title-bg-active: darken($section-title-bg, $section-function-factor);
807
+ // $section-title-bg-active-tabs: #fff;
808
+
809
+ // Want to control border size, here ya go!
810
+ // $section-border-size: 1px;
811
+ // $section-border-style: solid;
812
+ // $section-border-color: #ccc;
813
+
814
+ // Control the color of the background and some size options
815
+ // $section-content-bg: #fff;
816
+ // $section-vertical-nav-min-width: emCalc(200px);
817
+ // $section-bottom-margin: emCalc(20px);
818
+
819
+ //
820
+ // Side Nav Variables
821
+ //
822
+
823
+ // We use this to control padding.
824
+ // $side-nav-padding: emCalc(14px) 0;
825
+
826
+ // We use these to control list styles.
827
+ // $side-nav-list-type: none;
828
+ // $side-nav-list-position: inside;
829
+ // $side-nav-list-margin: 0 0 emCalc(7px) 0;
830
+
831
+ // We use these to control link styles.
832
+ // $side-nav-link-color: $primary-color;
833
+ // $side-nav-link-color-active: lighten(#000, 30%);
834
+ // $side-nav-font-size: emCalc(14px);
835
+ // $side-nav-font-weight: bold;
836
+
837
+ // We use these to control border styles
838
+ // $side-nav-divider-size: 1px;
839
+ // $side-nav-divider-style: solid;
840
+ // $side-nav-divider-color: darken(#fff, 10%);
841
+
842
+ //
843
+ // Sub Nav Variables
844
+ //
845
+
846
+ // We use these to control margin and padding
847
+ // $sub-nav-list-margin: emCalc(-4px) 0 emCalc(18px);
848
+ // $sub-nav-list-padding-top: emCalc(4px);
849
+
850
+ // We use this to control the definition
851
+ // $sub-nav-font-size: emCalc(14px);
852
+ // $sub-nav-font-color: #999;
853
+ // $sub-nav-font-weight: normal;
854
+ // $sub-nav-text-decoration: none;
855
+ // $sub-nav-border-radius: 1000px;
856
+
857
+ // We use these to control the active item styles
858
+ // $sub-nav-active-font-weight: bold;
859
+ // $sub-nav-active-bg: $primary-color;
860
+ // $sub-nav-active-color: #fff;
861
+ // $sub-nav-active-padding: emCalc(3px) emCalc(9px);
862
+ // $sub-nav-active-cursor: default;
863
+
864
+ //
865
+ // Switch Variables
866
+ //
867
+
868
+ // Controlling border styles and background colors for the switch container
869
+ // $switch-border-color: darken(#fff, 20%);
870
+ // $switch-border-style: solid;
871
+ // $switch-border-width: 1px;
872
+ // $switch-bg: #fff;
873
+
874
+ // We use these to control the switch heights for our default classes
875
+ // $switch-height-tny: 22px;
876
+ // $switch-height-sml: 28px;
877
+ // $switch-height-med: 36px;
878
+ // $switch-height-lrg: 44px;
879
+ // $switch-bottom-margin: emCalc(20px);
880
+
881
+ // We use these to control default font sizes for our classes.
882
+ // $switch-font-size-tny: 11px;
883
+ // $switch-font-size-sml: 12px;
884
+ // $switch-font-size-med: 14px;
885
+ // $switch-font-size-lrg: 17px;
886
+ // $switch-label-side-padding: 6px;
887
+
888
+ // We use these to style the switch-paddle
889
+ // $switch-paddle-bg: #fff;
890
+ // $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%);
891
+ // $switch-paddle-border-color: darken($switch-paddle-bg, 35%);
892
+ // $switch-paddle-border-width: 1px;
893
+ // $switch-paddle-border-style: solid;
894
+ // $switch-paddle-transition-speed: .1s;
895
+ // $switch-paddle-transition-ease: ease-out;
896
+ // $switch-positive-color: lighten($success-color, 50%);
897
+ // $switch-negative-color: #f5f5f5;
898
+
899
+ // Outline Style for tabbing through switches
900
+ // $switch-label-outline: 1px dotted #888;
901
+
902
+ //
903
+ // Table Variables
904
+ //
905
+
906
+ // These control the background color for the table and even rows
907
+ // $table-bg: #fff;
908
+ // $table-even-row-bg: #f9f9f9;
909
+
910
+ // These control the table cell border style
911
+ // $table-border-style: solid;
912
+ // $table-border-size: 1px;
913
+ // $table-border-color: #ddd;
914
+
915
+ // These control the table head styles
916
+ // $table-head-bg: #f5f5f5;
917
+ // $table-head-font-size: emCalc(14px);
918
+ // $table-head-font-color: #222;
919
+ // $table-head-font-weight: bold;
920
+ // $table-head-padding: emCalc(8px) emCalc(10px) emCalc(10px);
921
+
922
+ // These control the row padding and font styles
923
+ // $table-row-padding: emCalc(9px) emCalc(10px);
924
+ // $table-row-font-size: emCalc(14px);
925
+ // $table-row-font-color: #222;
926
+ // $table-line-height: emCalc(18px);
927
+
928
+ // These are for controlling the display and margin of tables
929
+ // $table-display: table-cell;
930
+ // $table-margin-bottom: emCalc(20px);
931
+
932
+ //
933
+ // Image Thumbnail Variables
934
+ //
935
+
936
+ // We use these to control border styles
937
+ // $thumb-border-style: solid;
938
+ // $thumb-border-width: 4px;
939
+ // $thumb-border-color: #fff;
940
+ // $thumb-box-shadow: 0 0 0 1px rgba(#000,.2);
941
+ // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
942
+
943
+ // Radius and transition speed for thumbs
944
+ // $thumb-radius: $global-radius;
945
+ // $thumb-transition-speed: 200ms;
946
+
947
+ //
948
+ // Tooltip Variables
949
+ //
950
+ // $has-tip-border-bottom: dotted 1px #ccc;
951
+ // $has-tip-font-weight: bold;
952
+ // $has-tip-font-color: #333;
953
+ // $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%);
954
+ // $has-tip-font-color-hover: $primary-color;
955
+ // $has-tip-cursor-type: help;
956
+
957
+ // $tooltip-padding: emCalc(8px);
958
+ // $tooltip-bg: #000;
959
+ // $tooltip-font-size: emCalc(15px);
960
+ // $tooltip-font-weight: bold;
961
+ // $tooltip-font-color: #fff;
962
+ // $tooltip-line-height: 1.3;
963
+ // $tooltip-close-font-size: emCalc(10px);
964
+ // $tooltip-close-font-weight: normal;
965
+ // $tooltip-close-font-color: #888;
966
+ // $tooltip-font-size-sml: emCalc(14px);
967
+ // $tooltip-radius: $global-radius;
968
+ // $tooltip-pip-size: 5px;
969
+
970
+ //
971
+ // Top Bar Variables
972
+ //
973
+
974
+ // Background color for the top bar
975
+ // $topbar-bg: #111;
976
+
977
+ // Height and margin
978
+ // $topbar-height: 45px;
979
+ // $topbar-margin-bottom: emCalc(30px);
980
+
981
+ // Control Input height for top bar
982
+ // $topbar-input-height: 2.45em;
983
+
984
+ // Controlling the styles for the title in the top bar
985
+ // $topbar-title-weight: bold;
986
+ // $topbar-title-font-size: emCalc(17px);
987
+
988
+ // Set the link colors and styles for top-level nav
989
+ // $topbar-link-color: #fff;
990
+ // $topbar-link-weight: bold;
991
+ // $topbar-link-font-size: emCalc(13px);
992
+
993
+ // Style the top bar dropdown elements
994
+ // $topbar-dropdown-bg: #333;
995
+ // $topbar-dropdown-link-color: #fff;
996
+ // $topbar-dropdown-toggle-size: 5px;
997
+ // $topbar-dropdown-toggle-color: #fff;
998
+ // $topbar-dropdown-toggle-alpha: 0.5;
999
+ // $dropdown-label-color: #555;
1000
+
1001
+ // Top menu icon styles
1002
+ // $topbar-menu-link-transform: uppercase;
1003
+ // $topbar-menu-link-font-size: emCalc(13px);
1004
+ // $topbar-menu-link-weight: bold;
1005
+ // $topbar-menu-link-color: #fff;
1006
+ // $topbar-menu-icon-color: #fff;
1007
+ // $topbar-menu-link-color-toggled: #888;
1008
+ // $topbar-menu-icon-color-toggled: #888;
1009
+
1010
+ // Transitions and breakpoint styles
1011
+ // $topbar-transition-speed: 300ms;
1012
+ // $topbar-breakpoint: emCalc(940px); // Change to 9999px for always mobile layout
1013
+ // $topbar-media-query: "only screen and (min-width "#{$topbar-breakpoint}")";
1014
+
1015
+ @import 'foundation';