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,289 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-grid-classes: $include-html-classes !default;
11
- $include-xl-html-grid-classes: false !default;
12
-
13
- $row-width: rem-calc(1000) !default;
14
- $total-columns: 12 !default;
15
-
16
- $last-child-float: $opposite-direction !default;
17
-
18
- //
19
- // Grid Functions
20
- //
21
-
22
- // Deprecated: We'll drop support for this in 5.1, use grid-calc()
23
- @function gridCalc($colNumber, $totalColumns) {
24
- @warn "gridCalc() is deprecated, use grid-calc()";
25
- @return grid-calc($colNumber, $totalColumns);
26
- }
27
-
28
- // @FUNCTION
29
- // $colNumber - Found in settings file
30
- // $totalColumns - Found in settings file
31
- @function grid-calc($colNumber, $totalColumns) {
32
- @return percentage(($colNumber / $totalColumns));
33
- }
34
-
35
- //
36
- // @mixins
37
- //
38
-
39
- // For creating container, nested, and collapsed rows.
40
- //
41
- //
42
- // $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.
43
- @mixin grid-row($behavior: false) {
44
-
45
- // use @include grid-row(nest); to include a nested row
46
- @if $behavior == nest {
47
- width: auto;
48
- margin-#{$default-float}: -($column-gutter/2);
49
- margin-#{$opposite-direction}: -($column-gutter/2);
50
- margin-top: 0;
51
- margin-bottom: 0;
52
- max-width: none;
53
- }
54
-
55
- // use @include grid-row(collapse); to collapsed a container row margins
56
- @else if $behavior == collapse {
57
- width: 100%;
58
- margin: 0;
59
- max-width: $row-width;
60
- }
61
-
62
- // use @include grid-row(nest-collapse); to collapse outer margins on a nested row
63
- @else if $behavior == nest-collapse {
64
- width: auto;
65
- margin: 0;
66
- max-width: none;
67
- }
68
-
69
- // use @include grid-row; to use a container row
70
- @else {
71
- width: 100%;
72
- margin-#{$default-float}: auto;
73
- margin-#{$opposite-direction}: auto;
74
- margin-top: 0;
75
- margin-bottom: 0;
76
- max-width: $row-width;
77
- }
78
-
79
- // Clearfix for all rows
80
- @include clearfix();
81
- }
82
-
83
- // Creates a column, should be used inside of a media query to control layouts
84
- //
85
- // $columns - The number of columns this should be
86
- // $last-column - Is this the last column? Default: false.
87
- // $center - Center these columns? Default: false.
88
- // $offset - # of columns to offset. Default: false.
89
- // $push - # of columns to push. Default: false.
90
- // $pull - # of columns to pull. Default: false.
91
- // $collapse - Get rid of gutter padding on column? Default: false.
92
- // $float - Should this float? Default: true. Options: true, false, left, right.
93
- @mixin grid-column(
94
- $columns:false,
95
- $last-column:false,
96
- $center:false,
97
- $offset:false,
98
- $push:false,
99
- $pull:false,
100
- $collapse:false,
101
- $float:true,
102
- $position:false) {
103
-
104
- // If positioned for default .column, include relative position
105
- // push and pull require position set
106
- @if $position or $push or $pull {
107
- position: relative;
108
- }
109
-
110
- // If collapsed, get rid of gutter padding
111
- @if $collapse {
112
- padding-left: 0;
113
- padding-right: 0;
114
- }
115
-
116
- // Gutter padding whenever a column isn't set to collapse
117
- // (use $collapse:null to do nothing)
118
- @else if $collapse == false {
119
- padding-left: ($column-gutter / 2);
120
- padding-right: ($column-gutter / 2);
121
- }
122
-
123
- // If a column number is given, calculate width
124
- @if $columns {
125
- width: grid-calc($columns, $total-columns);
126
-
127
- // If last column, float naturally instead of to the right
128
- @if $last-column { float: $opposite-direction; }
129
- }
130
-
131
- // Source Ordering, adds left/right depending on which you use.
132
- @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; }
133
- @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; }
134
-
135
- @if $float {
136
- @if $float == left or $float == true { float: $default-float; }
137
- @else if $float == right { float: $opposite-direction; }
138
- @else { float: none; }
139
- }
140
-
141
- // If centered, get rid of float and add appropriate margins
142
- @if $center {
143
- margin-#{$default-float}: auto;
144
- margin-#{$opposite-direction}: auto;
145
- float: none;
146
- }
147
-
148
- // If offset, calculate appropriate margins
149
- @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; }
150
-
151
- }
152
-
153
- // Create presentational classes for grid
154
- //
155
- // $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc.
156
- @mixin grid-html-classes($size) {
157
-
158
- @for $i from 0 through $total-columns - 1 {
159
- .#{$size}-push-#{$i} {
160
- @include grid-column($push:$i, $collapse:null, $float:false);
161
- }
162
- .#{$size}-pull-#{$i} {
163
- @include grid-column($pull:$i, $collapse:null, $float:false);
164
- }
165
- }
166
-
167
- .column,
168
- .columns { @include grid-column($columns:false, $position:true); }
169
-
170
-
171
- @for $i from 1 through $total-columns {
172
- .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
173
- }
174
-
175
- @for $i from 0 through $total-columns - 1 {
176
- .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
177
- }
178
-
179
- .#{$size}-reset-order {
180
- margin-#{$default-float}: 0;
181
- margin-#{$opposite-direction}: 0;
182
- left: auto;
183
- right: auto;
184
- float: $default-float;
185
- }
186
-
187
- .column.#{$size}-centered,
188
- .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); }
189
-
190
- .column.#{$size}-uncentered,
191
- .columns.#{$size}-uncentered {
192
- margin-#{$default-float}: 0;
193
- margin-#{$opposite-direction}: 0;
194
- float: $default-float;
195
- }
196
-
197
- // Fighting [class*="column"] + [class*="column"]:last-child
198
- .column.#{$size}-centered:last-child,
199
- .columns.#{$size}-centered:last-child{
200
- float: none;
201
- }
202
-
203
- // Fighting .column.<previous-size>-centered:last-child
204
- .column.#{$size}-uncentered:last-child,
205
- .columns.#{$size}-uncentered:last-child {
206
- float: $default-float;
207
- }
208
-
209
- .column.#{$size}-uncentered.opposite,
210
- .columns.#{$size}-uncentered.opposite {
211
- float: $opposite-direction;
212
- }
213
-
214
- .row {
215
- &.#{$size}-collapse {
216
- > .column,
217
- > .columns { @include grid-column($collapse:true, $float:false); }
218
-
219
- .row {margin-left:0; margin-right:0;}
220
- }
221
- &.#{$size}-uncollapse {
222
- > .column,
223
- > .columns {
224
- @include grid-column;
225
- }
226
- }
227
- }
228
- }
229
-
230
- @include exports("grid") {
231
- @if $include-html-grid-classes {
232
- .row {
233
- @include grid-row;
234
-
235
- &.collapse {
236
- > .column,
237
- > .columns { @include grid-column($collapse:true, $float:false); }
238
-
239
- .row {margin-left:0; margin-right:0;}
240
- }
241
-
242
- .row { @include grid-row($behavior:nest);
243
- &.collapse { @include grid-row($behavior:nest-collapse); }
244
- }
245
- }
246
-
247
- .column,
248
- .columns { @include grid-column($columns:$total-columns); }
249
-
250
- [class*="column"] + [class*="column"]:last-child { float: $last-child-float; }
251
- [class*="column"] + [class*="column"].end { float: $default-float; }
252
-
253
- @media #{$small-up} {
254
- @include grid-html-classes($size:small);
255
- }
256
-
257
- @media #{$medium-up} {
258
- @include grid-html-classes($size:medium);
259
- // Old push and pull classes
260
- @for $i from 0 through $total-columns - 1 {
261
- .push-#{$i} {
262
- @include grid-column($push:$i, $collapse:null, $float:false);
263
- }
264
- .pull-#{$i} {
265
- @include grid-column($pull:$i, $collapse:null, $float:false);
266
- }
267
- }
268
- }
269
- @media #{$large-up} {
270
- @include grid-html-classes($size:large);
271
- @for $i from 0 through $total-columns - 1 {
272
- .push-#{$i} {
273
- @include grid-column($push:$i, $collapse:null, $float:false);
274
- }
275
- .pull-#{$i} {
276
- @include grid-column($pull:$i, $collapse:null, $float:false);
277
- }
278
- }
279
- }
280
- }
281
- @if $include-xl-html-grid-classes {
282
- @media #{$xlarge-up} {
283
- @include grid-html-classes($size:xlarge);
284
- }
285
- @media #{$xxlarge-up} {
286
- @include grid-html-classes($size:xxlarge);
287
- }
288
- }
289
- }
@@ -1,358 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
-
8
- // @name
9
- // @dependencies _global.scss
10
-
11
- $include-html-icon-bar-classes: $include-html-classes !default;
12
-
13
- // @variables
14
-
15
- // We use these to style the icon-bar and items
16
- $icon-bar-bg: $oil !default;
17
- $icon-bar-font-color: $white !default;
18
- $icon-bar-font-color-hover: $icon-bar-font-color !default;
19
- $icon-bar-font-size: 1rem !default;
20
- $icon-bar-hover-color: $primary-color !default;
21
- $icon-bar-icon-color: $white !default;
22
- $icon-bar-icon-color-hover: $icon-bar-icon-color !default;
23
- $icon-bar-icon-size: 1.875rem !default;
24
- $icon-bar-image-width: 1.875rem !default;
25
- $icon-bar-image-height: 1.875rem !default;
26
- $icon-bar-active-color: $primary-color !default;
27
- $icon-bar-item-padding: 1.25rem !default;
28
-
29
- // We use this to set default opacity and cursor for disabled icons.
30
- $icon-bar-disabled-opacity: 0.7 !default;
31
- $icon-bar-disabled-cursor: $cursor-disabled-value !default;
32
-
33
-
34
- //
35
- // @mixins
36
- //
37
-
38
- // We use this mixin to create the base styles for our Icon bar element.
39
- //
40
- @mixin icon-bar-base() {
41
-
42
- width: 100%;
43
- font-size: 0;
44
- display: inline-block;
45
-
46
- & > * {
47
- text-align: center;
48
- font-size: $icon-bar-font-size;
49
- width: 25%;
50
- margin: 0 auto;
51
- display: block;
52
- padding: $icon-bar-item-padding;
53
- float: left;
54
-
55
- i, img {
56
- display: block;
57
- margin: 0 auto;
58
-
59
- & + label {
60
- margin-top: .0625rem;
61
- }
62
- }
63
-
64
- i {
65
- font-size: $icon-bar-icon-size;
66
- vertical-align: middle;
67
- }
68
-
69
- img {
70
- width: $icon-bar-image-width;
71
- height: $icon-bar-image-height;
72
- }
73
- }
74
-
75
- &.label-right > * {
76
-
77
- i, img {
78
- margin: 0 .0625rem 0 0;
79
- display: inline-block;
80
-
81
- & + label {
82
- margin-top: 0;
83
- }
84
- }
85
-
86
- label { display: inline-block; }
87
- }
88
-
89
- &.vertical.label-right > * {
90
- text-align: left;
91
- }
92
-
93
- &.vertical, &.small-vertical{
94
- height: 100%;
95
- width: auto;
96
-
97
- .item {
98
- width: auto;
99
- margin: auto;
100
- float: none;
101
- }
102
- }
103
-
104
- &.medium-vertical {
105
- @media #{$medium-up} {
106
- height: 100%;
107
- width: auto;
108
-
109
- .item {
110
- width: auto;
111
- margin: auto;
112
- float: none;
113
- }
114
- }
115
- }
116
- &.large-vertical {
117
- @media #{$large-up} {
118
- height: 100%;
119
- width: auto;
120
-
121
- .item {
122
- width: auto;
123
- margin: auto;
124
- float: none;
125
- }
126
- }
127
- }
128
- }
129
-
130
- // We use this mixin to create the size styles for icon bars.
131
- @mixin icon-bar-size(
132
- $padding: $icon-bar-item-padding,
133
- $font-size: $icon-bar-font-size,
134
- $icon-size: $icon-bar-icon-size,
135
- $image-width: $icon-bar-image-width,
136
- $image-height: $icon-bar-image-height) {
137
-
138
- & > * {
139
- font-size: $font-size;
140
- padding: $padding;
141
-
142
- i, img {
143
-
144
- & + label {
145
- margin-top: .0625rem;
146
- }
147
- }
148
-
149
- i {
150
- font-size: $icon-size;
151
- }
152
-
153
- img {
154
- width: $image-width;
155
- height: $image-height;
156
- }
157
- }
158
-
159
- }
160
-
161
- @mixin icon-bar-style(
162
- $bar-bg:$icon-bar-bg,
163
- $bar-font-color:$icon-bar-font-color,
164
- $bar-font-color-hover:$icon-bar-font-color-hover,
165
- $bar-hover-color:$icon-bar-hover-color,
166
- $bar-icon-color:$icon-bar-icon-color,
167
- $bar-icon-color-hover:$icon-bar-icon-color-hover,
168
- $bar-active-color:$icon-bar-active-color,
169
- $base-style:true,
170
- $disabled:false) {
171
-
172
- @if $base-style {
173
-
174
- background: $bar-bg;
175
-
176
- & > * {
177
- label { color: $bar-font-color; }
178
-
179
- i { color: $bar-icon-color; }
180
- }
181
-
182
- & > a:hover {
183
-
184
- background: $bar-hover-color;
185
-
186
- label { color: $bar-font-color-hover; }
187
-
188
- i { color: $bar-icon-color-hover; }
189
- }
190
-
191
- & > a.active {
192
-
193
- background: $bar-active-color;
194
-
195
- label { color: $bar-font-color-hover; }
196
-
197
- i { color: $bar-icon-color-hover; }
198
- }
199
- }
200
- @if $disabled {
201
- .item.disabled {
202
- opacity: $icon-bar-disabled-opacity;
203
- cursor: $icon-bar-disabled-cursor;
204
- >* {
205
- opacity: $icon-bar-disabled-opacity;
206
- cursor: $icon-bar-disabled-cursor;
207
- }
208
- }
209
- }
210
-
211
- }
212
-
213
- // We use this to quickly create icon bars with a single mixin
214
- // $height - The overall calculated height of the icon bar (horizontal)
215
- // $bar-bg - the background color of the bar
216
- // $bar-font-color - the font color
217
- // $bar-hover-color - okay these are pretty obvious variables
218
- // $bar-icon-color - maybe we could skip explaining them all? Okay this one does change icon color if you use an icon font
219
- // $bar-active-color - the color of an active / hover state
220
- // $base-style - Apply base styles? Default: true.
221
- // $disabled - Allow disabled icons? Default: false.
222
-
223
- @mixin icon-bar(
224
- $bar-bg:$icon-bar-bg,
225
- $bar-font-color:$icon-bar-font-color,
226
- $bar-font-color-hover:$icon-bar-font-color-hover,
227
- $bar-hover-color:$icon-bar-hover-color,
228
- $bar-icon-color:$icon-bar-icon-color,
229
- $bar-icon-color-hover:$icon-bar-icon-color-hover,
230
- $bar-active-color:$icon-bar-active-color,
231
- $padding: $icon-bar-item-padding,
232
- $font-size: $icon-bar-font-size,
233
- $icon-size: $icon-bar-icon-size,
234
- $image-width: $icon-bar-image-width,
235
- $image-height: $icon-bar-image-height,
236
- $base-style:true,
237
- $disabled:false) {
238
- @include icon-bar-base();
239
- @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height);
240
- @include icon-bar-style($bar-bg, $bar-font-color, $bar-font-color-hover, $bar-hover-color, $bar-icon-color, $bar-icon-color-hover, $bar-active-color, $base-style, $disabled);
241
- }
242
-
243
- @include exports("icon-bar") {
244
- @if $include-html-icon-bar-classes {
245
- .icon-bar {
246
- @include icon-bar;
247
- }
248
- }
249
- }
250
-
251
- @if $include-html-icon-bar-classes {
252
-
253
- // toolbar styles
254
-
255
- .icon-bar {
256
-
257
- // Counts
258
-
259
- &.two-up {
260
- .item { width: 50%; }
261
- &.vertical .item, &.small-vertical .item { width: auto; }
262
- &.medium-vertical .item {
263
- @media #{$medium-up} {
264
- width: auto;
265
- }
266
- }
267
- &.large-vertical .item {
268
- @media #{$large-up} {
269
- width: auto;
270
- }
271
- }
272
- }
273
- &.three-up {
274
- .item { width: 33.3333%; }
275
- &.vertical .item, &.small-vertical .item { width: auto; }
276
- &.medium-vertical .item {
277
- @media #{$medium-up} {
278
- width: auto;
279
- }
280
- }
281
- &.large-vertical .item {
282
- @media #{$large-up} {
283
- width: auto;
284
- }
285
- }
286
- }
287
- &.four-up {
288
- .item { width: 25%; }
289
- &.vertical .item, &.small-vertical .item { width: auto; }
290
- &.medium-vertical .item {
291
- @media #{$medium-up} {
292
- width: auto;
293
- }
294
- }
295
- &.large-vertical .item {
296
- @media #{$large-up} {
297
- width: auto;
298
- }
299
- }
300
- }
301
- &.five-up {
302
- .item { width: 20%; }
303
- &.vertical .item, &.small-vertical .item { width: auto; }
304
- &.medium-vertical .item {
305
- @media #{$medium-up} {
306
- width: auto;
307
- }
308
- }
309
- &.large-vertical .item {
310
- @media #{$large-up} {
311
- width: auto;
312
- }
313
- }
314
- }
315
- &.six-up {
316
- .item { width: 16.66667%; }
317
- &.vertical .item, &.small-vertical .item { width: auto; }
318
- &.medium-vertical .item {
319
- @media #{$medium-up} {
320
- width: auto;
321
- }
322
- }
323
- &.large-vertical .item {
324
- @media #{$large-up} {
325
- width: auto;
326
- }
327
- }
328
- }
329
- &.seven-up {
330
- .item { width: 14.28571%; }
331
- &.vertical .item, &.small-vertical .item { width: auto; }
332
- &.medium-vertical .item {
333
- @media #{$medium-up} {
334
- width: auto;
335
- }
336
- }
337
- &.large-vertical .item {
338
- @media #{$large-up} {
339
- width: auto;
340
- }
341
- }
342
- }
343
- &.eight-up {
344
- .item { width: 12.5%; }
345
- &.vertical .item, &.small-vertical .item { width: auto; }
346
- &.medium-vertical .item {
347
- @media #{$medium-up} {
348
- width: auto;
349
- }
350
- }
351
- &.large-vertical .item {
352
- @media #{$large-up} {
353
- width: auto;
354
- }
355
- }
356
- }
357
- }
358
- }
@@ -1,57 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- @import "global";
6
-
7
- //
8
- // @variables
9
- //
10
- $include-html-inline-list-classes: $include-html-classes !default;
11
-
12
- // We use this to control the margins and padding of the inline list.
13
- $inline-list-top-margin: 0 !default;
14
- $inline-list-opposite-margin: 0 !default;
15
- $inline-list-bottom-margin: rem-calc(17) !default;
16
- $inline-list-default-float-margin: rem-calc(-22) !default;
17
- $inline-list-default-float-list-margin: rem-calc(22) !default;
18
-
19
- $inline-list-padding: 0 !default;
20
-
21
- // We use this to control the overflow of the inline list.
22
- $inline-list-overflow: hidden !default;
23
-
24
- // We use this to control the list items
25
- $inline-list-display: block !default;
26
-
27
- // We use this to control any elements within list items
28
- $inline-list-children-display: block !default;
29
-
30
- //
31
- // @mixins
32
- //
33
- // We use this mixin to create inline lists
34
- @mixin inline-list {
35
- margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;
36
- margin-#{$default-float}: $inline-list-default-float-margin;
37
- margin-#{$opposite-direction}: $inline-list-opposite-margin;
38
- padding: $inline-list-padding;
39
- list-style: none;
40
- overflow: $inline-list-overflow;
41
-
42
- & > li {
43
- list-style: none;
44
- float: $default-float;
45
- margin-#{$default-float}: $inline-list-default-float-list-margin;
46
- display: $inline-list-display;
47
- &>* { display: $inline-list-children-display; }
48
- }
49
- }
50
-
51
- @include exports("inline-list") {
52
- @if $include-html-inline-list-classes {
53
- .inline-list {
54
- @include inline-list();
55
- }
56
- }
57
- }