va_common 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -4
  3. data/app/assets/js/va_common_main.js +16 -1
  4. data/lib/va_common/version.rb +1 -1
  5. data/lib/va_common.rb +4 -0
  6. data/va_common.gemspec +15 -0
  7. metadata +200 -177
  8. data/app/assets/js/foundation/foundation.abide.js +0 -408
  9. data/app/assets/js/foundation/foundation.accordion.js +0 -88
  10. data/app/assets/js/foundation/foundation.alert.js +0 -43
  11. data/app/assets/js/foundation/foundation.clearing.js +0 -586
  12. data/app/assets/js/foundation/foundation.dropdown.js +0 -463
  13. data/app/assets/js/foundation/foundation.equalizer.js +0 -104
  14. data/app/assets/js/foundation/foundation.interchange.js +0 -359
  15. data/app/assets/js/foundation/foundation.joyride.js +0 -932
  16. data/app/assets/js/foundation/foundation.js +0 -725
  17. data/app/assets/js/foundation/foundation.magellan.js +0 -215
  18. data/app/assets/js/foundation/foundation.offcanvas.js +0 -152
  19. data/app/assets/js/foundation/foundation.orbit.js +0 -476
  20. data/app/assets/js/foundation/foundation.reveal.js +0 -498
  21. data/app/assets/js/foundation/foundation.slider.js +0 -281
  22. data/app/assets/js/foundation/foundation.tab.js +0 -249
  23. data/app/assets/js/foundation/foundation.tooltip.js +0 -339
  24. data/app/assets/js/foundation/foundation.topbar.js +0 -458
  25. data/app/assets/js/foundation.min.js +0 -6376
  26. data/app/assets/js/vendor/html5shiv.js +0 -8
  27. data/app/assets/js/vendor/jquery-1.11.0.min.js +0 -4
  28. data/app/assets/js/vendor/jquery.js +0 -9789
  29. data/app/assets/js/vendor/jquery.smooth-scroll.js +0 -255
  30. data/app/assets/js/vendor/jquery.stellar.js +0 -651
  31. data/app/assets/js/vendor/jquery.tipsy.js +0 -258
  32. data/app/assets/js/vendor/menu.js +0 -40
  33. data/app/assets/js/vendor/modernizr.custom.js +0 -4
  34. data/app/assets/js/vendor/respond.min.js +0 -6
  35. data/app/assets/js/vendor/selectivizr-1.0.3b.js +0 -560
  36. data/app/assets/js/vendor/tota11y.min.js +0 -28
  37. data/app/assets/js/vendor/wow.min.js +0 -2
  38. data/app/assets/stylesheets/foundation/_functions.scss +0 -146
  39. data/app/assets/stylesheets/foundation/_settings.scss +0 -1467
  40. data/app/assets/stylesheets/foundation/_variables.scss +0 -1286
  41. data/app/assets/stylesheets/foundation/components/_accordion.scss +0 -157
  42. data/app/assets/stylesheets/foundation/components/_alert-boxes.scss +0 -128
  43. data/app/assets/stylesheets/foundation/components/_block-grid.scss +0 -132
  44. data/app/assets/stylesheets/foundation/components/_breadcrumbs.scss +0 -132
  45. data/app/assets/stylesheets/foundation/components/_button-groups.scss +0 -200
  46. data/app/assets/stylesheets/foundation/components/_buttons.scss +0 -259
  47. data/app/assets/stylesheets/foundation/components/_clearing.scss +0 -256
  48. data/app/assets/stylesheets/foundation/components/_dropdown-buttons.scss +0 -131
  49. data/app/assets/stylesheets/foundation/components/_dropdown.scss +0 -262
  50. data/app/assets/stylesheets/foundation/components/_flex-video.scss +0 -51
  51. data/app/assets/stylesheets/foundation/components/_forms.scss +0 -570
  52. data/app/assets/stylesheets/foundation/components/_global.scss +0 -481
  53. data/app/assets/stylesheets/foundation/components/_grid.scss +0 -289
  54. data/app/assets/stylesheets/foundation/components/_icon-bar.scss +0 -358
  55. data/app/assets/stylesheets/foundation/components/_inline-lists.scss +0 -57
  56. data/app/assets/stylesheets/foundation/components/_joyride.scss +0 -222
  57. data/app/assets/stylesheets/foundation/components/_keystrokes.scss +0 -61
  58. data/app/assets/stylesheets/foundation/components/_labels.scss +0 -106
  59. data/app/assets/stylesheets/foundation/components/_magellan.scss +0 -34
  60. data/app/assets/stylesheets/foundation/components/_offcanvas.scss +0 -515
  61. data/app/assets/stylesheets/foundation/components/_orbit.scss +0 -368
  62. data/app/assets/stylesheets/foundation/components/_pagination.scss +0 -162
  63. data/app/assets/stylesheets/foundation/components/_panels.scss +0 -101
  64. data/app/assets/stylesheets/foundation/components/_pricing-tables.scss +0 -150
  65. data/app/assets/stylesheets/foundation/components/_progress-bars.scss +0 -79
  66. data/app/assets/stylesheets/foundation/components/_range-slider.scss +0 -169
  67. data/app/assets/stylesheets/foundation/components/_reveal.scss +0 -202
  68. data/app/assets/stylesheets/foundation/components/_side-nav.scss +0 -116
  69. data/app/assets/stylesheets/foundation/components/_split-buttons.scss +0 -199
  70. data/app/assets/stylesheets/foundation/components/_sub-nav.scss +0 -123
  71. data/app/assets/stylesheets/foundation/components/_switches.scss +0 -238
  72. data/app/assets/stylesheets/foundation/components/_tables.scss +0 -135
  73. data/app/assets/stylesheets/foundation/components/_tabs.scss +0 -123
  74. data/app/assets/stylesheets/foundation/components/_thumbs.scss +0 -66
  75. data/app/assets/stylesheets/foundation/components/_toolbar.scss +0 -70
  76. data/app/assets/stylesheets/foundation/components/_tooltips.scss +0 -142
  77. data/app/assets/stylesheets/foundation/components/_top-bar.scss +0 -691
  78. data/app/assets/stylesheets/foundation/components/_type.scss +0 -525
  79. data/app/assets/stylesheets/foundation/components/_visibility.scss +0 -408
  80. data/app/assets/stylesheets/lib/_normalize.scss +0 -427
  81. data/app/assets/stylesheets/lib/bourbon/_bourbon-deprecated-upcoming.scss +0 -411
  82. data/app/assets/stylesheets/lib/bourbon/_bourbon.scss +0 -87
  83. data/app/assets/stylesheets/lib/bourbon/addons/_border-color.scss +0 -26
  84. data/app/assets/stylesheets/lib/bourbon/addons/_border-radius.scss +0 -48
  85. data/app/assets/stylesheets/lib/bourbon/addons/_border-style.scss +0 -25
  86. data/app/assets/stylesheets/lib/bourbon/addons/_border-width.scss +0 -25
  87. data/app/assets/stylesheets/lib/bourbon/addons/_buttons.scss +0 -64
  88. data/app/assets/stylesheets/lib/bourbon/addons/_clearfix.scss +0 -25
  89. data/app/assets/stylesheets/lib/bourbon/addons/_ellipsis.scss +0 -30
  90. data/app/assets/stylesheets/lib/bourbon/addons/_font-stacks.scss +0 -31
  91. data/app/assets/stylesheets/lib/bourbon/addons/_hide-text.scss +0 -27
  92. data/app/assets/stylesheets/lib/bourbon/addons/_margin.scss +0 -26
  93. data/app/assets/stylesheets/lib/bourbon/addons/_padding.scss +0 -26
  94. data/app/assets/stylesheets/lib/bourbon/addons/_position.scss +0 -48
  95. data/app/assets/stylesheets/lib/bourbon/addons/_prefixer.scss +0 -66
  96. data/app/assets/stylesheets/lib/bourbon/addons/_retina-image.scss +0 -25
  97. data/app/assets/stylesheets/lib/bourbon/addons/_size.scss +0 -51
  98. data/app/assets/stylesheets/lib/bourbon/addons/_text-inputs.scss +0 -112
  99. data/app/assets/stylesheets/lib/bourbon/addons/_timing-functions.scss +0 -34
  100. data/app/assets/stylesheets/lib/bourbon/addons/_triangle.scss +0 -63
  101. data/app/assets/stylesheets/lib/bourbon/addons/_word-wrap.scss +0 -29
  102. data/app/assets/stylesheets/lib/bourbon/css3/_animation.scss +0 -43
  103. data/app/assets/stylesheets/lib/bourbon/css3/_appearance.scss +0 -3
  104. data/app/assets/stylesheets/lib/bourbon/css3/_backface-visibility.scss +0 -3
  105. data/app/assets/stylesheets/lib/bourbon/css3/_background-image.scss +0 -42
  106. data/app/assets/stylesheets/lib/bourbon/css3/_background.scss +0 -55
  107. data/app/assets/stylesheets/lib/bourbon/css3/_border-image.scss +0 -59
  108. data/app/assets/stylesheets/lib/bourbon/css3/_calc.scss +0 -4
  109. data/app/assets/stylesheets/lib/bourbon/css3/_columns.scss +0 -47
  110. data/app/assets/stylesheets/lib/bourbon/css3/_filter.scss +0 -4
  111. data/app/assets/stylesheets/lib/bourbon/css3/_flex-box.scss +0 -287
  112. data/app/assets/stylesheets/lib/bourbon/css3/_font-face.scss +0 -24
  113. data/app/assets/stylesheets/lib/bourbon/css3/_font-feature-settings.scss +0 -4
  114. data/app/assets/stylesheets/lib/bourbon/css3/_hidpi-media-query.scss +0 -10
  115. data/app/assets/stylesheets/lib/bourbon/css3/_hyphens.scss +0 -4
  116. data/app/assets/stylesheets/lib/bourbon/css3/_image-rendering.scss +0 -14
  117. data/app/assets/stylesheets/lib/bourbon/css3/_keyframes.scss +0 -36
  118. data/app/assets/stylesheets/lib/bourbon/css3/_linear-gradient.scss +0 -38
  119. data/app/assets/stylesheets/lib/bourbon/css3/_perspective.scss +0 -8
  120. data/app/assets/stylesheets/lib/bourbon/css3/_placeholder.scss +0 -8
  121. data/app/assets/stylesheets/lib/bourbon/css3/_radial-gradient.scss +0 -39
  122. data/app/assets/stylesheets/lib/bourbon/css3/_selection.scss +0 -42
  123. data/app/assets/stylesheets/lib/bourbon/css3/_text-decoration.scss +0 -19
  124. data/app/assets/stylesheets/lib/bourbon/css3/_transform.scss +0 -15
  125. data/app/assets/stylesheets/lib/bourbon/css3/_transition.scss +0 -71
  126. data/app/assets/stylesheets/lib/bourbon/css3/_user-select.scss +0 -3
  127. data/app/assets/stylesheets/lib/bourbon/functions/_assign-inputs.scss +0 -11
  128. data/app/assets/stylesheets/lib/bourbon/functions/_contains-falsy.scss +0 -20
  129. data/app/assets/stylesheets/lib/bourbon/functions/_contains.scss +0 -26
  130. data/app/assets/stylesheets/lib/bourbon/functions/_is-length.scss +0 -11
  131. data/app/assets/stylesheets/lib/bourbon/functions/_is-light.scss +0 -21
  132. data/app/assets/stylesheets/lib/bourbon/functions/_is-number.scss +0 -11
  133. data/app/assets/stylesheets/lib/bourbon/functions/_is-size.scss +0 -13
  134. data/app/assets/stylesheets/lib/bourbon/functions/_modular-scale.scss +0 -69
  135. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-em.scss +0 -13
  136. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-rem.scss +0 -15
  137. data/app/assets/stylesheets/lib/bourbon/functions/_shade.scss +0 -24
  138. data/app/assets/stylesheets/lib/bourbon/functions/_strip-units.scss +0 -17
  139. data/app/assets/stylesheets/lib/bourbon/functions/_tint.scss +0 -24
  140. data/app/assets/stylesheets/lib/bourbon/functions/_transition-property-name.scss +0 -22
  141. data/app/assets/stylesheets/lib/bourbon/functions/_unpack.scss +0 -27
  142. data/app/assets/stylesheets/lib/bourbon/helpers/_convert-units.scss +0 -21
  143. data/app/assets/stylesheets/lib/bourbon/helpers/_directional-values.scss +0 -96
  144. data/app/assets/stylesheets/lib/bourbon/helpers/_font-source-declaration.scss +0 -43
  145. data/app/assets/stylesheets/lib/bourbon/helpers/_gradient-positions-parser.scss +0 -13
  146. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-angle-parser.scss +0 -25
  147. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-gradient-parser.scss +0 -41
  148. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-positions-parser.scss +0 -61
  149. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-side-corner-parser.scss +0 -31
  150. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-arg-parser.scss +0 -69
  151. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-gradient-parser.scss +0 -50
  152. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-positions-parser.scss +0 -18
  153. data/app/assets/stylesheets/lib/bourbon/helpers/_render-gradients.scss +0 -26
  154. data/app/assets/stylesheets/lib/bourbon/helpers/_shape-size-stripper.scss +0 -10
  155. data/app/assets/stylesheets/lib/bourbon/helpers/_str-to-num.scss +0 -50
  156. data/app/assets/stylesheets/lib/bourbon/settings/_asset-pipeline.scss +0 -7
  157. data/app/assets/stylesheets/lib/bourbon/settings/_prefixer.scss +0 -9
  158. data/app/assets/stylesheets/lib/bourbon/settings/_px-to-em.scss +0 -1
  159. data/app/assets/stylesheets/lib/neat/_neat-helpers.scss +0 -8
  160. data/app/assets/stylesheets/lib/neat/_neat.scss +0 -23
  161. data/app/assets/stylesheets/lib/neat/functions/_new-breakpoint.scss +0 -49
  162. data/app/assets/stylesheets/lib/neat/functions/_private.scss +0 -114
  163. data/app/assets/stylesheets/lib/neat/grid/_box-sizing.scss +0 -15
  164. data/app/assets/stylesheets/lib/neat/grid/_direction-context.scss +0 -33
  165. data/app/assets/stylesheets/lib/neat/grid/_display-context.scss +0 -28
  166. data/app/assets/stylesheets/lib/neat/grid/_fill-parent.scss +0 -22
  167. data/app/assets/stylesheets/lib/neat/grid/_media.scss +0 -92
  168. data/app/assets/stylesheets/lib/neat/grid/_omega.scss +0 -87
  169. data/app/assets/stylesheets/lib/neat/grid/_outer-container.scss +0 -38
  170. data/app/assets/stylesheets/lib/neat/grid/_pad.scss +0 -25
  171. data/app/assets/stylesheets/lib/neat/grid/_private.scss +0 -35
  172. data/app/assets/stylesheets/lib/neat/grid/_row.scss +0 -52
  173. data/app/assets/stylesheets/lib/neat/grid/_shift.scss +0 -50
  174. data/app/assets/stylesheets/lib/neat/grid/_span-columns.scss +0 -94
  175. data/app/assets/stylesheets/lib/neat/grid/_to-deprecate.scss +0 -97
  176. data/app/assets/stylesheets/lib/neat/grid/_visual-grid.scss +0 -42
  177. data/app/assets/stylesheets/lib/neat/settings/_disable-warnings.scss +0 -13
  178. data/app/assets/stylesheets/lib/neat/settings/_grid.scss +0 -51
  179. data/app/assets/stylesheets/lib/neat/settings/_visual-grid.scss +0 -27
  180. data/app/assets/stylesheets/va_common_main.css.scss +0 -18
  181. /data/app/assets/js/{vendor/scroll-settings.js → scroll-settings.js} +0 -0
  182. /data/app/assets/js/{vendor/stellar-settings.js → stellar-settings.js} +0 -0
@@ -1,481 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "../functions";
6
- //
7
- // Foundation Variables
8
- //
9
-
10
- // Data attribute namespace
11
- // styles get applied to [data-mysite-plugin], etc
12
- $namespace: false !default;
13
-
14
- // The default font-size is set to 100% of the browser style sheet (usually 16px)
15
- // for compatibility with browser-based text zoom or user-set defaults.
16
-
17
- // Since the typical default browser font-size is 16px, that makes the calculation for grid size.
18
- // If you want your base font-size to be different and not have it affect the grid breakpoints,
19
- // set $rem-base to $base-font-size and make sure $base-font-size is a px value.
20
- $base-font-size: 100% !default;
21
-
22
- // $base-line-height is 24px while $base-font-size is 16px
23
- $base-line-height: 1.5 !default;
24
-
25
- //
26
- // Global Foundation Mixins
27
- //
28
-
29
- // @mixins
30
- //
31
- // We use this to control border radius.
32
- // $radius - Default: $global-radius || 4px
33
- @mixin radius($radius:$global-radius) {
34
- @if $radius {
35
- border-radius: $radius;
36
- }
37
- }
38
-
39
- // @mixins
40
- //
41
- // We use this to create equal side border radius on elements.
42
- // $side - Options: left, right, top, bottom
43
- @mixin side-radius($side, $radius:$global-radius) {
44
- @if ($side == left or $side == right) {
45
- -webkit-border-bottom-#{$side}-radius: $radius;
46
- -webkit-border-top-#{$side}-radius: $radius;
47
- border-bottom-#{$side}-radius: $radius;
48
- border-top-#{$side}-radius: $radius;
49
- } @else {
50
- -webkit-#{$side}-left-radius: $radius;
51
- -webkit-#{$side}-right-radius: $radius;
52
- border-#{$side}-left-radius: $radius;
53
- border-#{$side}-right-radius: $radius;
54
- }
55
- }
56
-
57
- // @mixins
58
- //
59
- // We can control whether or not we have inset shadows edges.
60
- // $active - Default: true, Options: false
61
- @mixin inset-shadow($active:true) {
62
- box-shadow: $shiny-edge-size $shiny-edge-color inset;
63
-
64
- @if $active { &:active {
65
- box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
66
- }
67
-
68
- // @mixins
69
- //
70
- // We use this to add transitions to elements
71
- // $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
72
- // $speed - Default: 300ms
73
- // $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
74
- @mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
75
- transition: $property $speed $ease;
76
- }
77
-
78
- // @mixins
79
- //
80
- // We use this to add box-sizing across browser prefixes
81
- @mixin box-sizing($type:border-box) {
82
- -webkit-box-sizing: $type; // Android < 2.3, iOS < 4
83
- -moz-box-sizing: $type; // Firefox < 29
84
- box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
85
- }
86
-
87
- // @mixins
88
- //
89
- // We use this to create isosceles triangles
90
- // $triangle-size - Used to set border-size. No default, set a px or em size.
91
- // $triangle-color - Used to set border-color which makes up triangle. No default
92
- // $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right
93
- @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
94
- content: "";
95
- display: block;
96
- width: 0;
97
- height: 0;
98
- border: inset $triangle-size;
99
- @if ($triangle-direction == top) {
100
- border-color: $triangle-color transparent transparent transparent;
101
- border-top-style: solid;
102
- }
103
- @if ($triangle-direction == bottom) {
104
- border-color: transparent transparent $triangle-color transparent;
105
- border-bottom-style: solid;
106
- }
107
- @if ($triangle-direction == left) {
108
- border-color: transparent transparent transparent $triangle-color;
109
- border-left-style: solid;
110
- }
111
- @if ($triangle-direction == right) {
112
- border-color: transparent $triangle-color transparent transparent;
113
- border-right-style: solid;
114
- }
115
- }
116
-
117
- // @mixins
118
- //
119
- // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon
120
- // $width - Width of hamburger icon in rem
121
- // $left - If false, icon will be centered horizontally || explicitly set value in rem
122
- // $top - If false, icon will be centered vertically || explicitly set value in rem
123
- // $thickness - thickness of lines in hamburger icon, set value in px
124
- // $gap - spacing between the lines in hamburger icon, set value in px
125
- // $color - icon color
126
- // $hover-color - icon color during hover
127
- // $offcanvas - Set to true of @include in offcanvas
128
- @mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {
129
- span::after {
130
- content: "";
131
- position: absolute;
132
- display: block;
133
- height: 0;
134
-
135
- @if $offcanvas {
136
- @if $top {
137
- top: $top;
138
- }
139
- @else {
140
- top: 50%;
141
- margin-top: (-$width/2);
142
- }
143
- @if $left {
144
- left: $left;
145
- }
146
- @else {
147
- left: ($tabbar-menu-icon-width - $width)/2;
148
- }
149
- }
150
- @else {
151
- top: 50%;
152
- margin-top: -($width/2);
153
- #{$opposite-direction}: $topbar-link-padding;
154
- }
155
-
156
- box-shadow:
157
- 0 0 0 $thickness $color,
158
- 0 $gap + $thickness 0 $thickness $color,
159
- 0 (2 * $gap + 2*$thickness) 0 $thickness $color;
160
- width: $width;
161
- }
162
- span:hover:after {
163
- box-shadow:
164
- 0 0 0 $thickness $hover-color,
165
- 0 $gap + $thickness 0 $thickness $hover-color,
166
- 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;
167
- }
168
- }
169
-
170
- // We use this to do clear floats
171
- @mixin clearfix {
172
- &:before, &:after { content: " "; display: table; }
173
- &:after { clear: both; }
174
- }
175
-
176
- // @mixins
177
- //
178
- // We use this to add a glowing effect to block elements
179
- // $selector - Used for selector state. Default: focus, Options: hover, active, visited
180
- // $fade-time - Default: 300ms
181
- // $glowing-effect-color - Default: fade-out($primary-color, .25)
182
- @mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {
183
- transition: box-shadow $fade-time, border-color $fade-time ease-in-out;
184
-
185
- &:#{$selector} {
186
- box-shadow: 0 0 5px $glowing-effect-color;
187
- border-color: $glowing-effect-color;
188
- }
189
- }
190
-
191
- // @mixins
192
- //
193
- // We use this to translate elements in 2D
194
- // $horizontal: Default: 0
195
- // $vertical: Default: 0
196
- @mixin translate2d($horizontal:0, $vertical:0) {
197
- transform: translate($horizontal,$vertical)
198
- }
199
-
200
- // @mixins
201
- //
202
- // Makes an element visually hidden, but accessible.
203
- // @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
204
- @mixin element-invisible {
205
- position: absolute !important;
206
- height: 1px;
207
- width: 1px;
208
- overflow: hidden;
209
- clip: rect(1px, 1px, 1px, 1px);
210
- }
211
-
212
- // @mixins
213
- //
214
- // Turns off the element-invisible effect.
215
- @mixin element-invisible-off {
216
- position: static !important;
217
- height: auto;
218
- width: auto;
219
- overflow: visible;
220
- clip: auto;
221
- }
222
-
223
- $white : #FFFFFF !default;
224
- $ghost : #FAFAFA !default;
225
- $snow : #F9F9F9 !default;
226
- $vapor : #F6F6F6 !default;
227
- $white-smoke : #F5F5F5 !default;
228
- $silver : #EFEFEF !default;
229
- $smoke : #EEEEEE !default;
230
- $gainsboro : #DDDDDD !default;
231
- $iron : #CCCCCC !default;
232
- $base : #AAAAAA !default;
233
- $aluminum : #999999 !default;
234
- $jumbo : #888888 !default;
235
- $monsoon : #777777 !default;
236
- $steel : #666666 !default;
237
- $charcoal : #555555 !default;
238
- $tuatara : #444444 !default;
239
- $oil : #333333 !default;
240
- $jet : #222222 !default;
241
- $black : #000000 !default;
242
-
243
- // We use these as default colors throughout
244
- $primary-color: #008CBA !default; // bondi-blue
245
- $secondary-color: #e7e7e7 !default; // white-lilac
246
- $alert-color: #f04124 !default; // cinnabar
247
- $success-color: #43AC6A !default; // sea-green
248
- $warning-color: #f08a24 !default; // carrot
249
- $info-color: #a0d3e8 !default; // cornflower
250
-
251
- // We use these to define default font stacks
252
- $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default;
253
- $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
254
- $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default;
255
-
256
- // We use these to define default font weights
257
- $font-weight-normal: normal !default;
258
- $font-weight-bold: bold !default;
259
-
260
- // We use these to control various global styles
261
- $body-bg: #fff !default;
262
- $body-font-color: #222 !default;
263
- $body-font-family: $font-family-sans-serif !default;
264
- $body-font-weight: $font-weight-normal !default;
265
- $body-font-style: normal !default;
266
-
267
- // We use this to control font-smoothing
268
- $font-smoothing: antialiased !default;
269
-
270
- // We use these to control text direction settings
271
- $text-direction: ltr !default;
272
- $default-float: left !default;
273
- $opposite-direction: right !default;
274
- @if $text-direction == ltr {
275
- $default-float: left;
276
- $opposite-direction: right;
277
- } @else {
278
- $default-float: right;
279
- $opposite-direction: left;
280
- }
281
-
282
- // We use these to make sure border radius matches unless we want it different.
283
- $global-radius: 3px !default;
284
- $global-rounded: 1000px !default;
285
-
286
- // We use these to control inset shadow shiny edges and depressions.
287
- $shiny-edge-size: 0 1px 0 !default;
288
- $shiny-edge-color: rgba(#fff, .5) !default;
289
- $shiny-edge-active-color: rgba(#000, .2) !default;
290
-
291
- // We use this to control whether or not CSS classes come through in the gem files.
292
- $include-html-classes: true !default;
293
- $include-print-styles: true !default;
294
- $include-html-global-classes: $include-html-classes !default;
295
-
296
- $column-gutter: rem-calc(30) !default;
297
-
298
- // Media Query Ranges
299
- $small-range: (0, 40em) !default;
300
- $medium-range: (40.063em, 64em) !default;
301
- $large-range: (64.063em, 90em) !default;
302
- $xlarge-range: (90.063em, 120em) !default;
303
- $xxlarge-range: (120.063em, 99999999em) !default;
304
-
305
-
306
- $screen: "only screen" !default;
307
-
308
- $landscape: "#{$screen} and (orientation: landscape)" !default;
309
- $portrait: "#{$screen} and (orientation: portrait)" !default;
310
-
311
- $small-up: $screen !default;
312
- $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
313
-
314
- $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
315
- $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;
316
-
317
- $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
318
- $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;
319
-
320
- $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
321
- $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;
322
-
323
- $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
324
- $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;
325
-
326
- // Legacy
327
- $small: $medium-up;
328
- $medium: $medium-up;
329
- $large: $large-up;
330
-
331
-
332
- //We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
333
- $cursor-auto-value: auto !default;
334
- $cursor-crosshair-value: crosshair !default;
335
- $cursor-default-value: default !default;
336
- $cursor-disabled-value: not-allowed !default;
337
- $cursor-pointer-value: pointer !default;
338
- $cursor-help-value: help !default;
339
- $cursor-text-value: text !default;
340
-
341
-
342
- @include exports("global") {
343
-
344
- // Meta styles are included in all builds, as they are a dependancy of the Javascript.
345
- // Used to provide media query values for javascript components.
346
- // Forward slash placed around everything to convince PhantomJS to read the value.
347
-
348
- meta.foundation-version {
349
- font-family: "/5.5.0/";
350
- }
351
-
352
- meta.foundation-mq-small {
353
- font-family: "/" + unquote($small-up) + "/";
354
- width: lower-bound($small-range);
355
- }
356
-
357
- meta.foundation-mq-small-only {
358
- font-family: "/" + unquote($small-only) + "/";
359
- width: lower-bound($small-range);
360
- }
361
-
362
- meta.foundation-mq-medium {
363
- font-family: "/" + unquote($medium-up) + "/";
364
- width: lower-bound($medium-range);
365
- }
366
-
367
- meta.foundation-mq-medium-only {
368
- font-family: "/" + unquote($medium-only) + "/";
369
- width: lower-bound($medium-range);
370
- }
371
-
372
- meta.foundation-mq-large {
373
- font-family: "/" + unquote($large-up) + "/";
374
- width: lower-bound($large-range);
375
- }
376
-
377
- meta.foundation-mq-large-only {
378
- font-family: "/" + unquote($large-only) + "/";
379
- width: lower-bound($large-range);
380
- }
381
-
382
- meta.foundation-mq-xlarge {
383
- font-family: "/" + unquote($xlarge-up) + "/";
384
- width: lower-bound($xlarge-range);
385
- }
386
-
387
- meta.foundation-mq-xlarge-only {
388
- font-family: "/" + unquote($xlarge-only) + "/";
389
- width: lower-bound($xlarge-range);
390
- }
391
-
392
- meta.foundation-mq-xxlarge {
393
- font-family: "/" + unquote($xxlarge-up) + "/";
394
- width: lower-bound($xxlarge-range);
395
- }
396
-
397
- meta.foundation-data-attribute-namespace {
398
- font-family: #{$namespace};
399
- }
400
-
401
- @if $include-html-global-classes {
402
-
403
- // Must be 100% for off canvas to work
404
- html, body { height: 100%; }
405
-
406
- // Set box-sizing globally to handle padding and border widths
407
- *,
408
- *:before,
409
- *:after {
410
- @include box-sizing(border-box);
411
- }
412
-
413
- html,
414
- body { font-size: $base-font-size; }
415
-
416
- // Default body styles
417
- body {
418
- background: $body-bg;
419
- color: $body-font-color;
420
- padding: 0;
421
- margin: 0;
422
- font-family: $body-font-family;
423
- font-weight: $body-font-weight;
424
- font-style: $body-font-style;
425
- line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%
426
- position: relative;
427
- cursor: $cursor-auto-value;
428
- }
429
-
430
- a:hover { cursor: $cursor-pointer-value; }
431
-
432
- // Grid Defaults to get images and embeds to work properly
433
- img { max-width: 100%; height: auto; }
434
-
435
- img { -ms-interpolation-mode: bicubic; }
436
-
437
- #map_canvas,
438
- .map_canvas {
439
- img,
440
- embed,
441
- object { max-width: none !important;
442
- }
443
- }
444
-
445
- // Miscellaneous useful HTML classes
446
- .left { float: left !important; }
447
- .right { float: right !important; }
448
- .clearfix { @include clearfix; }
449
-
450
- // Hide visually and from screen readers
451
- .hide {
452
- display: none !important;
453
- visibility: hidden;
454
- }
455
-
456
- // Hide visually and from screen readers, but maintain layout
457
- .invisible { visibility: hidden; }
458
-
459
- // Font smoothing
460
- // Antialiased font smoothing works best for light text on a dark background.
461
- // Apply to single elements instead of globally to body.
462
- // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
463
- .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
464
-
465
- // Get rid of gap under images by making them display: inline-block; by default
466
- img {
467
- display: inline-block;
468
- vertical-align: middle;
469
- }
470
-
471
- //
472
- // Global resets for forms
473
- //
474
-
475
- // Make sure textarea takes on height automatically
476
- textarea { height: auto; min-height: 50px; }
477
-
478
- // Make select elements 100% width by default
479
- select { width: 100%; }
480
- }
481
- }