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,45 @@
1
+ //
2
+ // Flex Video Variables
3
+ //
4
+
5
+ // We use these to control video container padding and margins
6
+ $flex-video-padding-top: emCalc(25px) !default;
7
+ $flex-video-padding-bottom: 67.5% !default;
8
+ $flex-video-margin-bottom: emCalc(16px) !default;
9
+
10
+ // We use this to control widescreen bottom padding
11
+ $flex-video-widescreen-padding-bottom: 57.25% !default;
12
+
13
+ //
14
+ // Flex Video Mixins
15
+ //
16
+
17
+ @mixin flex-video-container {
18
+ position: relative;
19
+ padding-top: $flex-video-padding-top;
20
+ padding-bottom: $flex-video-padding-bottom;
21
+ height: 0;
22
+ margin-bottom: $flex-video-margin-bottom;
23
+ overflow: hidden;
24
+
25
+ &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }
26
+ &.vimeo { padding-top: 0; }
27
+
28
+ iframe,
29
+ object,
30
+ embed,
31
+ video {
32
+ position: absolute;
33
+ top: 0;
34
+ #{$default-float}: 0;
35
+ width: 100%;
36
+ height: 100%;
37
+ }
38
+ }
39
+
40
+ @if $include-html-media-classes != false {
41
+
42
+ /* Flex Video */
43
+ .flex-video { @include flex-video-container; }
44
+
45
+ }
@@ -0,0 +1,348 @@
1
+ //
2
+ // Form Variables
3
+ //
4
+
5
+ // We use this to set the base for lots of form spacing and positioning styles
6
+ $form-spacing: emCalc(16px) !default;
7
+
8
+ // We use these to style the labels in different ways
9
+ $form-label-pointer: pointer !default;
10
+ $form-label-font-size: emCalc(14px) !default;
11
+ $form-label-font-weight: 500 !default;
12
+ $form-label-font-color: lighten(#000, 30%) !default;
13
+ $form-label-bottom-margin: emCalc(3px) !default;
14
+ $input-font-family: inherit !default;
15
+ $input-font-color: rgba(0,0,0,0.75) !default;
16
+ $input-font-size: emCalc(14px) !default;
17
+ $input-bg-color: #fff !default;
18
+ $input-focus-bg-color: darken(#fff, 2%) !default;
19
+ $input-border-color: darken(#fff, 20%) !default;
20
+ $input-focus-border-color: darken(#fff, 40%) !default;
21
+ $input-border-style: solid !default;
22
+ $input-border-width: 1px !default;
23
+ $input-disabled-bg: #ddd !default;
24
+ $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;
25
+
26
+ // We use these to style the fieldset border and spacing.
27
+ $fieldset-border-style: solid !default;
28
+ $fieldset-border-width: 1px !default;
29
+ $fieldset-border-color: #ddd !default;
30
+ $fieldset-padding: emCalc(20px) !default;
31
+ $fieldset-margin: emCalc(18px) 0 !default;
32
+
33
+ // We use these to style the legends when you use them
34
+ $legend-bg: #fff !default;
35
+ $legend-font-weight: bold !default;
36
+ $legend-padding: 0 emCalc(3px) !default;
37
+
38
+ // We use these to style the prefix and postfix input elements
39
+ $input-prefix-bg: darken(#fff, 5%) !default;
40
+ $input-prefix-border-color: darken(#fff, 20%) !default;
41
+ $input-prefix-border-size: 1px !default;
42
+ $input-prefix-border-type: solid !default;
43
+ $input-prefix-overflow: hidden !default;
44
+ $input-prefix-font-color: #333 !default;
45
+ $input-prefix-font-color-alt: #fff !default;
46
+
47
+ // We use these to style the error states for inputs and labels
48
+ $input-error-message-padding: emCalc(6px) emCalc(4px) !default;
49
+ $input-error-message-top: -($form-spacing) - emCalc(5px) !default;
50
+ $input-error-message-font-size: emCalc(12px) !default;
51
+ $input-error-message-font-weight: bold !default;
52
+ $input-error-message-font-color: #fff !default;
53
+ $input-error-message-font-color-alt: #333 !default;
54
+
55
+
56
+ //
57
+ // Form Mixins
58
+ //
59
+
60
+ // We use this mixin to give us form styles for rows inside of forms
61
+ @mixin form-row-base {
62
+ .row { margin: 0 -$form-spacing / 2;
63
+
64
+ .column,
65
+ .columns { padding: 0 $form-spacing / 2; }
66
+
67
+ // Use this to collapse the margins of a form row
68
+ &.collapse { margin: 0;
69
+
70
+ .column,
71
+ .columns { padding: 0; }
72
+
73
+ }
74
+ }
75
+ input.column,
76
+ input.columns,
77
+ textarea.column,
78
+ textarea.columns { padding-#{$default-float}: $form-spacing / 2; }
79
+ }
80
+
81
+ // We use this mixin to give all basic form elements their style
82
+ @mixin form-element() {
83
+ background-color: $input-bg-color;
84
+ font-family: $input-font-family;
85
+ border: $input-border-width $input-border-style $input-border-color;
86
+ -webkit-box-shadow: $input-box-shadow;
87
+ box-shadow: $input-box-shadow;
88
+ color: $input-font-color;
89
+ display: block;
90
+ font-size: $input-font-size;
91
+ margin: 0 0 $form-spacing 0;
92
+ padding: $form-spacing / 2;
93
+ height: emCalc(13px) + ($form-spacing * 1.5);
94
+ width: 100%;
95
+ @include box-sizing(border-box);
96
+
97
+ // Basic focus styles
98
+ &:focus {
99
+ background: $input-focus-bg-color;
100
+ border-color: $input-focus-border-color;
101
+ outline: none;
102
+ }
103
+
104
+ // Disabled background input background color
105
+ &[disabled] { background-color: $input-disabled-bg; }
106
+ }
107
+
108
+ // We use this mixin to create form labels
109
+ @mixin form-label($alignment:false, $base-style:true) {
110
+
111
+ // Control whether or not the base styles come through.
112
+ @if $base-style {
113
+ font-size: $form-label-font-size;
114
+ color: $form-label-font-color;
115
+ cursor: $form-label-pointer;
116
+ display: block;
117
+ font-weight: $form-label-font-weight;
118
+ margin-bottom: $form-label-bottom-margin;
119
+ }
120
+
121
+ // Alignment options
122
+ @if $alignment == right {
123
+ float: none;
124
+ text-align: right;
125
+ }
126
+ @else if $alignment == inline {
127
+ margin: 0 0 $form-spacing 0;
128
+ padding: $form-spacing / 2 + emCalc($input-border-width * 2) 0;
129
+ }
130
+ }
131
+
132
+ // We use this mixin to create postfix/prefix form Labels
133
+ @mixin prefix-postfix-base {
134
+ display: block;
135
+ position: relative;
136
+ z-index: 2;
137
+ text-align: center;
138
+ width: 100%;
139
+ padding-top: 0;
140
+ padding-bottom: 0;
141
+ border-style: $input-prefix-border-type;
142
+ border-width: $input-prefix-border-size;
143
+ overflow: $input-prefix-overflow;
144
+ font-size: $form-label-font-size;
145
+ height: ($form-label-font-size + ($form-spacing * 1.5) - emCalc(1px));
146
+ line-height: ($form-label-font-size + ($form-spacing * 1.5) - emCalc(1px));
147
+ }
148
+
149
+ // We use this mixin to create prefix label styles
150
+ @mixin prefix($bg:$input-prefix-bg,$is-button:false) {
151
+
152
+ @if $bg {
153
+ $bg-lightness: lightness($bg);
154
+ background: $bg;
155
+ border-color: darken($bg, 10%);
156
+ border-#{$opposite-direction}: none;
157
+
158
+ // Control the font color based on background brightness
159
+ @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }
160
+ @else { color: $input-prefix-font-color-alt; }
161
+ }
162
+
163
+ @if $is-button {
164
+ padding-#{$default-float}: 0;
165
+ padding-#{$opposite-direction}: 0;
166
+ padding-top: 0;
167
+ padding-bottom: 0;
168
+ text-align: center;
169
+ line-height: emCalc(34px);
170
+ }
171
+
172
+ }
173
+
174
+ // We use this mixin to create postfix label styles
175
+ @mixin postfix($bg:$input-prefix-bg, $is-button:false) {
176
+
177
+ @if $bg {
178
+ $bg-lightness: lightness($bg);
179
+ background: $bg;
180
+ border-color: darken($bg, 15%);
181
+ border-#{$default-float}: none;
182
+
183
+ // Control the font color based on background brightness
184
+ @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }
185
+ @else { color: $input-prefix-font-color-alt; }
186
+ }
187
+
188
+ @if $is-button {
189
+ padding-#{$default-float}: 0;
190
+ padding-#{$opposite-direction}: 0;
191
+ padding-top: 0;
192
+ padding-bottom: 0;
193
+ text-align: center;
194
+ line-height: emCalc(34px);
195
+ }
196
+
197
+ }
198
+
199
+ // We use this mixin to style fieldsets
200
+ @mixin fieldset {
201
+ border: $fieldset-border-style $fieldset-border-width $fieldset-border-color;
202
+ padding: $fieldset-padding;
203
+ margin: $fieldset-margin;
204
+
205
+ // and legend styles
206
+ legend {
207
+ font-weight: $legend-font-weight;
208
+ background: $legend-bg;
209
+ padding: $legend-padding;
210
+ margin: 0;
211
+ margin-#{$default-float}: emCalc(-3px);
212
+ }
213
+ }
214
+
215
+ // We use this mixin to control border and background color of error inputs
216
+ @mixin form-error-color($color:$alert-color) {
217
+ border-color: $color;
218
+ background-color: rgba($color, 0.1);
219
+
220
+ // Go back to normal on focus
221
+ &:focus {
222
+ background: $input-focus-bg-color;
223
+ border-color: $input-focus-border-color;
224
+ }
225
+ }
226
+
227
+ // We use this simple mixin to style labels for error inputs
228
+ @mixin form-label-error-color($color:$alert-color) { color: $color; }
229
+
230
+ // We use this mixin to create error message styles
231
+ @mixin form-error-message($bg:$alert-color) {
232
+ display: block;
233
+ padding: $input-error-message-padding;
234
+ margin-top: $input-error-message-top;
235
+ margin-bottom: $form-spacing;
236
+ font-size: $input-error-message-font-size;
237
+ font-weight: $input-error-message-font-weight;
238
+
239
+ // We can control the text color based on the brightness of the background.
240
+ $bg-lightness: lightness($bg);
241
+ background: $bg;
242
+ @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; }
243
+ @else { color: $input-error-message-font-color-alt; }
244
+ }
245
+
246
+ // Only include these classes if the variable is true, otherwise they'll be left out.
247
+ @if $include-html-form-classes != false {
248
+ /* Standard Forms */
249
+ form { margin: 0 0 $form-spacing; }
250
+
251
+ /* Using forms within rows, we need to set some defaults */
252
+ form .row { @include form-row-base; }
253
+
254
+ /* Label Styles */
255
+ label { @include form-label;
256
+ &.right { @include form-label(right,false); }
257
+ &.inline { @include form-label(inline,false); }
258
+ }
259
+
260
+ /* Attach elements to the beginning or end of an input */
261
+ .prefix,
262
+ .postfix { @include prefix-postfix-base; }
263
+
264
+ /* Adjust padding, alignment and radius if pre/post element is a button */
265
+ .postfix.button { @include button-size(false,false,false); @include postfix(false,true); }
266
+ .prefix.button { @include button-size(false,false,false); @include prefix(false,true); }
267
+
268
+ .prefix.button.radius { @include radius(0); @include side-radius(left, $button-radius); }
269
+ .postfix.button.radius { @include radius(0); @include side-radius(right, $button-radius); }
270
+ .prefix.button.round { @include radius(0); @include side-radius(left, $button-round); }
271
+ .postfix.button.round { @include radius(0); @include side-radius(right, $button-round); }
272
+
273
+ /* Separate prefix and postfix styles when on span so buttons keep their own */
274
+ span.prefix { @include prefix();
275
+ &.radius { @include radius(0); @include side-radius(left, $global-radius); }
276
+ }
277
+ span.postfix { @include postfix();
278
+ &.radius { @include radius(0); @include side-radius(right, $global-radius); }
279
+ }
280
+
281
+ /* Input groups will automatically style first and last elements of the group */
282
+ .input-group {
283
+ &.radius {
284
+ &>*:first-child, &>*:first-child * {
285
+ @include side-radius($default-float, $global-radius);
286
+ }
287
+ &>*:last-child, &>*:last-child * {
288
+ @include side-radius($opposite-direction, $global-radius);
289
+ }
290
+ }
291
+ &.round {
292
+ &>*:first-child, &>*:first-child * {
293
+ @include side-radius($default-float, $button-round);
294
+ }
295
+ &>*:last-child, &>*:last-child * {
296
+ @include side-radius($opposite-direction, $button-round);
297
+ }
298
+ }
299
+ }
300
+
301
+ /* We use this to get basic styling on all basic form elements */
302
+ input[type="text"],
303
+ input[type="password"],
304
+ input[type="date"],
305
+ input[type="datetime"],
306
+ input[type="datetime-local"],
307
+ input[type="month"],
308
+ input[type="week"],
309
+ input[type="email"],
310
+ input[type="number"],
311
+ input[type="search"],
312
+ input[type="tel"],
313
+ input[type="time"],
314
+ input[type="url"],
315
+ textarea {
316
+ @include form-element;
317
+ @include single-transition(all, 0.15s, linear);
318
+ }
319
+
320
+ /* Adjust margin for form elements below */
321
+ input[type="file"],
322
+ input[type="checkbox"],
323
+ input[type="radio"],
324
+ select {
325
+ margin: 0 0 $form-spacing 0;
326
+ }
327
+
328
+ /* We add basic fieldset styling */
329
+ fieldset {
330
+ @include fieldset;
331
+ }
332
+
333
+ /* Error Handling */
334
+ .error input,
335
+ input.error,
336
+ .error textarea,
337
+ textarea.error {
338
+ @include form-error-color;
339
+ }
340
+
341
+ .error label,
342
+ label.error { @include form-label-error-color; }
343
+
344
+ .error small,
345
+ small.error {
346
+ @include form-error-message;
347
+ }
348
+ }
@@ -0,0 +1,267 @@
1
+ //
2
+ // Global Foundation Mixins
3
+ //
4
+
5
+ // We use this to control border radius.
6
+ @mixin radius($radius:$global-radius) {
7
+ @if $radius {
8
+ -webkit-border-radius: $radius;
9
+ border-radius: $radius;
10
+ }
11
+ }
12
+
13
+ // We use this to create equal side border radius on elements.
14
+ @mixin side-radius($side, $radius) {
15
+ @if $side == left {
16
+ -moz-border-radius-bottomleft: $radius;
17
+ -moz-border-radius-topleft: $radius;
18
+ -webkit-border-bottom-left-radius: $radius;
19
+ -webkit-border-top-left-radius: $radius;
20
+ border-bottom-left-radius: $radius;
21
+ border-top-left-radius: $radius;
22
+ }
23
+ @else if $side == right {
24
+ -moz-border-radius-topright: $radius;
25
+ -moz-border-radius-bottomright: $radius;
26
+ -webkit-border-top-right-radius: $radius;
27
+ -webkit-border-bottom-right-radius: $radius;
28
+ border-top-right-radius: $radius;
29
+ border-bottom-right-radius: $radius;
30
+ }
31
+ @else if $side == top {
32
+ -moz-border-radius-topright: $radius;
33
+ -moz-border-radius-topleft: $radius;
34
+ -webkit-border-top-right-radius: $radius;
35
+ -webkit-border-top-left-radius: $radius;
36
+ border-top-right-radius: $radius;
37
+ border-top-left-radius: $radius;
38
+ }
39
+ @else if $side == bottom {
40
+ -moz-border-radius-bottomright: $radius;
41
+ -moz-border-radius-bottomleft: $radius;
42
+ -webkit-border-bottom-right-radius: $radius;
43
+ -webkit-border-bottom-left-radius: $radius;
44
+ border-bottom-right-radius: $radius;
45
+ border-bottom-left-radius: $radius;
46
+ }
47
+ }
48
+
49
+ // We can control whether or not we have inset shadows edges.
50
+ @mixin inset-shadow($active:true) {
51
+ -webkit-box-shadow: $shiny-edge-size $shiny-edge-color inset;
52
+ box-shadow: $shiny-edge-size $shiny-edge-color inset;
53
+
54
+ @if $active { &:active {
55
+ -webkit-box-shadow: $shiny-edge-size $shiny-edge-active-color inset;
56
+ box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
57
+ }
58
+
59
+ // We use this to add transitions to elements
60
+ @mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
61
+ -webkit-transition: $property $speed $ease;
62
+ -moz-transition: $property $speed $ease;
63
+ transition: $property $speed $ease;
64
+ }
65
+
66
+ // We use this to add box-sizing across browser prefixes
67
+ @mixin box-sizing($type:border-box) {
68
+ -moz-box-sizing: $type;
69
+ -webkit-box-sizing: $type;
70
+ box-sizing: $type;
71
+ }
72
+
73
+ // We use this to create equilateral triangles
74
+ @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
75
+ content: "";
76
+ display: block;
77
+ width: 0;
78
+ height: 0;
79
+ border: solid $triangle-size;
80
+ @if ($triangle-direction == top) {
81
+ border-color: $triangle-color transparent transparent transparent;
82
+ }
83
+ @if ($triangle-direction == bottom) {
84
+ border-color: transparent transparent $triangle-color transparent;
85
+ }
86
+ @if ($triangle-direction == left) {
87
+ border-color: transparent transparent transparent $triangle-color;
88
+ }
89
+ @if ($triangle-direction == right) {
90
+ border-color: transparent $triangle-color transparent transparent;
91
+ }
92
+ }
93
+
94
+ // We use this to do clear floats
95
+ @mixin clearfix() {
96
+ *zoom:1;
97
+ &:before, &:after { content: " "; display: table; }
98
+ &:after { clear: both; }
99
+ }
100
+
101
+ //
102
+ // Foundation Variables
103
+ //
104
+
105
+ // The default font-size is set to 100% of the browser style sheet (usually 16px)
106
+ // for compatibility with brower-based text zoom or user-set defaults.
107
+
108
+ // Since the typical default browser font-size is 16px, that makes the calculation for grid size.
109
+ // If you want your base font-size to be different and not have it effect the grid breakpoints,
110
+ // set $em-base to $base-font-size and make sure $base-font-size is a px value.
111
+ $base-font-size: 100% !default;
112
+
113
+ // $base-line-height is 24px while $base-font-size is 16px
114
+ $base-line-height: 150% !default;
115
+
116
+ // This is the default html and body font-size for the base em value.
117
+ $em-base: 16px !default;
118
+
119
+ // Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px)
120
+ @function emCalc($pxWidth) {
121
+ @return $pxWidth / $em-base * 1em;
122
+ }
123
+
124
+ // Maybe you want to create rems and pixels
125
+ // @function remCalc($pxWidth) {
126
+ // @return $pxWidth / $em-base * 1rem;
127
+ // }
128
+
129
+ // We use these to control various global styles
130
+ $body-bg: #fff !default;
131
+ $body-font-color: #222 !default;
132
+ $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
133
+ $body-font-weight: normal !default;
134
+ $body-font-style: normal !default;
135
+
136
+ // We use this to control font-smoothing
137
+ $font-smoothing: antialiased !default;
138
+
139
+ // We use these to control text direction settings
140
+ $text-direction: ltr !default;
141
+
142
+ // NOTE: No need to change this conditional statement, $text-direction variable controls it all.
143
+ $default-float: left !default;
144
+ $opposite-direction: right !default;
145
+ @if $text-direction == ltr {
146
+ $default-float: left;
147
+ $opposite-direction: right;
148
+ } @else {
149
+ $default-float: right;
150
+ $opposite-direction: left;
151
+ }
152
+
153
+ // We use these as default colors throughout
154
+ $primary-color: #2ba6cb !default;
155
+ $secondary-color: #e9e9e9 !default;
156
+ $alert-color: #c60f13 !default;
157
+ $success-color: #5da423 !default;
158
+
159
+ // We use these to make sure border radius matches unless we want it different.
160
+ $global-radius: 3px !default;
161
+ $global-rounded: 1000px !default;
162
+
163
+ // We use these to control inset shadow shiny edges and depressions.
164
+ $shiny-edge-size: 0 1px 0 !default;
165
+ $shiny-edge-color: rgba(#fff, .5) !default;
166
+ $shiny-edge-active-color: rgba(#000, .2) !default;
167
+
168
+ // We use this to control whether or not CSS classes come through in the gem files.
169
+ $include-html-classes: true !default;
170
+ $include-print-styles: true !default;
171
+ $include-html-grid-classes: $include-html-classes !default;
172
+ $include-html-visibility-classes: $include-html-classes !default;
173
+ $include-html-button-classes: $include-html-classes !default;
174
+ $include-html-form-classes: $include-html-classes !default;
175
+ $include-html-media-classes: $include-html-classes !default;
176
+ $include-html-section-classes: $include-html-classes !default;
177
+ $include-html-reveal-classes: $include-html-classes !default;
178
+ $include-html-alert-classes: $include-html-classes !default;
179
+ $include-html-nav-classes: $include-html-classes !default;
180
+ $include-html-label-classes: $include-html-classes !default;
181
+ $include-html-panel-classes: $include-html-classes !default;
182
+ $include-html-pricing-classes: $include-html-classes !default;
183
+ $include-html-progress-classes: $include-html-classes !default;
184
+ $include-html-magellan-classes: $include-html-classes !default;
185
+
186
+ // Media Queries
187
+ $small-screen: emCalc(768px) !default;
188
+ $medium-screen: emCalc(1280px) !default;
189
+ $large-screen: emCalc(1440px) !default;
190
+
191
+ $screen: "only screen" !default;
192
+ $small: "only screen and (min-width:"#{$small-screen}")" !default;
193
+ $medium: "only screen and (min-width:"#{$medium-screen}")" !default;
194
+ $large: "only screen and (min-width:"#{$large-screen}")" !default;
195
+ $landscape: "only screen and (orientation: landscape)" !default;
196
+ $portrait: "only screen and (orientation: portrait)" !default;
197
+
198
+ // Set box-sizing globally to handle padding and border widths
199
+ *,
200
+ *:before,
201
+ *:after {
202
+ @include box-sizing(border-box);
203
+ }
204
+
205
+ html,
206
+ body { font-size: $base-font-size; }
207
+
208
+ // Default body styles
209
+ body {
210
+ background: $body-bg;
211
+ color: $body-font-color;
212
+ padding: 0;
213
+ margin: 0;
214
+ font-family: $body-font-family;
215
+ font-weight: $body-font-weight;
216
+ font-style: $body-font-style;
217
+ line-height: 1; // Set to $base-line-height to take on browser default of 150%
218
+ position: relative;
219
+ }
220
+
221
+ // Override outline from normalize, we don't like it
222
+ a:focus { outline: none; }
223
+
224
+ // Grid Defaults to get images and embeds to work properly
225
+ img,
226
+ object,
227
+ embed { max-width: 100%; height: auto; }
228
+
229
+ object,
230
+ embed { height: 100%; }
231
+ img { -ms-interpolation-mode: bicubic; }
232
+
233
+ #map_canvas,
234
+ .map_canvas {
235
+ img,
236
+ embed,
237
+ object { max-width: none !important;
238
+ }
239
+ }
240
+
241
+ // Miscellaneous useful HTML classes
242
+ .left { float: left !important; }
243
+ .right { float: right !important; }
244
+ .text-left { text-align: left !important; }
245
+ .text-right { text-align: right !important; }
246
+ .text-center { text-align: center !important; }
247
+ .text-justify { text-align: justify !important; }
248
+ .hide { display: none; }
249
+
250
+ // Font smoothing
251
+ // Antialiased font smoothing works best for light text on a dark background.
252
+ // Apply to single elements instead of globally to body.
253
+ // Note this only applies to webkit-based desktop browsers on the Mac.
254
+ .antialiased { -webkit-font-smoothing: antialiased; }
255
+
256
+ // Get rid of gap under images by making them display: inline-block; by default
257
+ img { display: inline-block; }
258
+
259
+ //
260
+ // Global resets for forms
261
+ //
262
+
263
+ // Make sure textarea takes on height automatically
264
+ textarea { height: auto; min-height: 50px; }
265
+
266
+ // Make select elements 100% width by default
267
+ select { width: 100%; }