zitgit 0.0.1

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