foundation-rails 5.1.1.0 → 5.2.0.0

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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +52 -7
  3. data/bower.json +2 -2
  4. data/lib/foundation/rails/version.rb +1 -1
  5. data/vendor/assets/javascripts/foundation/foundation.abide.js +3 -6
  6. data/vendor/assets/javascripts/foundation/foundation.accordion.js +5 -4
  7. data/vendor/assets/javascripts/foundation/foundation.alert.js +1 -1
  8. data/vendor/assets/javascripts/foundation/foundation.clearing.js +70 -34
  9. data/vendor/assets/javascripts/foundation/foundation.dropdown.js +121 -28
  10. data/vendor/assets/javascripts/foundation/foundation.equalizer.js +6 -6
  11. data/vendor/assets/javascripts/foundation/foundation.interchange.js +34 -25
  12. data/vendor/assets/javascripts/foundation/foundation.joyride.js +4 -8
  13. data/vendor/assets/javascripts/foundation/foundation.js +94 -78
  14. data/vendor/assets/javascripts/foundation/foundation.magellan.js +3 -4
  15. data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +19 -1
  16. data/vendor/assets/javascripts/foundation/foundation.orbit.js +151 -102
  17. data/vendor/assets/javascripts/foundation/foundation.reveal.js +43 -15
  18. data/vendor/assets/javascripts/foundation/foundation.slider.js +187 -0
  19. data/vendor/assets/javascripts/foundation/foundation.tab.js +116 -18
  20. data/vendor/assets/javascripts/foundation/foundation.tooltip.js +112 -60
  21. data/vendor/assets/javascripts/foundation/foundation.topbar.js +47 -14
  22. data/vendor/assets/javascripts/vendor/modernizr.js +3 -3
  23. data/vendor/assets/stylesheets/foundation.scss +7 -0
  24. data/vendor/assets/stylesheets/foundation/_functions.scss +4 -0
  25. data/vendor/assets/stylesheets/foundation/_settings.scss +11 -2
  26. data/vendor/assets/stylesheets/foundation/components/_accordion.scss +5 -1
  27. data/vendor/assets/stylesheets/foundation/components/_alert-boxes.scss +4 -0
  28. data/vendor/assets/stylesheets/foundation/components/_block-grid.scss +44 -12
  29. data/vendor/assets/stylesheets/foundation/components/_breadcrumbs.scss +4 -0
  30. data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +4 -0
  31. data/vendor/assets/stylesheets/foundation/components/_buttons.scss +7 -5
  32. data/vendor/assets/stylesheets/foundation/components/_clearing.scss +4 -0
  33. data/vendor/assets/stylesheets/foundation/components/_dropdown-buttons.scss +4 -0
  34. data/vendor/assets/stylesheets/foundation/components/_dropdown.scss +100 -11
  35. data/vendor/assets/stylesheets/foundation/components/_flex-video.scss +4 -0
  36. data/vendor/assets/stylesheets/foundation/components/_forms.scss +25 -21
  37. data/vendor/assets/stylesheets/foundation/components/_global.scss +79 -44
  38. data/vendor/assets/stylesheets/foundation/components/_grid.scss +6 -2
  39. data/vendor/assets/stylesheets/foundation/components/_inline-lists.scss +4 -0
  40. data/vendor/assets/stylesheets/foundation/components/_joyride.scss +4 -0
  41. data/vendor/assets/stylesheets/foundation/components/_keystrokes.scss +5 -1
  42. data/vendor/assets/stylesheets/foundation/components/_labels.scss +4 -0
  43. data/vendor/assets/stylesheets/foundation/components/_magellan.scss +4 -0
  44. data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +51 -59
  45. data/vendor/assets/stylesheets/foundation/components/_orbit.scss +97 -14
  46. data/vendor/assets/stylesheets/foundation/components/_pagination.scss +7 -2
  47. data/vendor/assets/stylesheets/foundation/components/_panels.scss +5 -1
  48. data/vendor/assets/stylesheets/foundation/components/_pricing-tables.scss +4 -0
  49. data/vendor/assets/stylesheets/foundation/components/_progress-bars.scss +4 -0
  50. data/vendor/assets/stylesheets/foundation/components/_range-slider.scss +148 -0
  51. data/vendor/assets/stylesheets/foundation/components/_reveal.scss +36 -7
  52. data/vendor/assets/stylesheets/foundation/components/_side-nav.scss +8 -3
  53. data/vendor/assets/stylesheets/foundation/components/_split-buttons.scss +4 -0
  54. data/vendor/assets/stylesheets/foundation/components/_sub-nav.scss +6 -2
  55. data/vendor/assets/stylesheets/foundation/components/_switch.scss +4 -0
  56. data/vendor/assets/stylesheets/foundation/components/_tables.scss +4 -0
  57. data/vendor/assets/stylesheets/foundation/components/_tabs.scss +12 -6
  58. data/vendor/assets/stylesheets/foundation/components/_thumbs.scss +4 -0
  59. data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +9 -0
  60. data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +52 -25
  61. data/vendor/assets/stylesheets/foundation/components/_type.scss +132 -75
  62. data/vendor/assets/stylesheets/foundation/components/_visibility.scss +198 -538
  63. data/vendor/assets/stylesheets/normalize.scss +179 -166
  64. metadata +4 -2
@@ -1,7 +1,26 @@
1
- /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
1
+ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
2
2
 
3
- /* ==========================================================================
4
- HTML5 display definitions
3
+ /**
4
+ * 1. Set default font family to sans-serif.
5
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
6
+ * user zoom.
7
+ */
8
+
9
+ html {
10
+ font-family: sans-serif; /* 1 */
11
+ -ms-text-size-adjust: 100%; /* 2 */
12
+ -webkit-text-size-adjust: 100%; /* 2 */
13
+ }
14
+
15
+ /**
16
+ * Remove default margin.
17
+ */
18
+
19
+ body {
20
+ margin: 0;
21
+ }
22
+
23
+ /* HTML5 display definitions
5
24
  ========================================================================== */
6
25
 
7
26
  /**
@@ -20,17 +39,20 @@ main,
20
39
  nav,
21
40
  section,
22
41
  summary {
23
- display: block;
42
+ display: block;
24
43
  }
25
44
 
26
45
  /**
27
- * Correct `inline-block` display not defined in IE 8/9.
46
+ * 1. Correct `inline-block` display not defined in IE 8/9.
47
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
28
48
  */
29
49
 
30
50
  audio,
31
51
  canvas,
52
+ progress,
32
53
  video {
33
- display: inline-block;
54
+ display: inline-block; /* 1 */
55
+ vertical-align: baseline; /* 2 */
34
56
  }
35
57
 
36
58
  /**
@@ -39,8 +61,8 @@ video {
39
61
  */
40
62
 
41
63
  audio:not([controls]) {
42
- display: none;
43
- height: 0;
64
+ display: none;
65
+ height: 0;
44
66
  }
45
67
 
46
68
  /**
@@ -50,39 +72,10 @@ audio:not([controls]) {
50
72
 
51
73
  [hidden],
52
74
  template {
53
- display: none;
54
- }
55
-
56
- script {
57
- display: none !important;
58
- }
59
-
60
- /* ==========================================================================
61
- Base
62
- ========================================================================== */
63
-
64
- /**
65
- * 1. Set default font family to sans-serif.
66
- * 2. Prevent iOS text size adjust after orientation change, without disabling
67
- * user zoom.
68
- */
69
-
70
- html {
71
- font-family: sans-serif; /* 1 */
72
- -ms-text-size-adjust: 100%; /* 2 */
73
- -webkit-text-size-adjust: 100%; /* 2 */
74
- }
75
-
76
- /**
77
- * Remove default margin.
78
- */
79
-
80
- body {
81
- margin: 0;
75
+ display: none;
82
76
  }
83
77
 
84
- /* ==========================================================================
85
- Links
78
+ /* Links
86
79
  ========================================================================== */
87
80
 
88
81
  /**
@@ -90,15 +83,7 @@ body {
90
83
  */
91
84
 
92
85
  a {
93
- background: transparent;
94
- }
95
-
96
- /**
97
- * Address `outline` inconsistency between Chrome and other browsers.
98
- */
99
-
100
- a:focus {
101
- outline: thin dotted;
86
+ background: transparent;
102
87
  }
103
88
 
104
89
  /**
@@ -107,29 +92,18 @@ a:focus {
107
92
 
108
93
  a:active,
109
94
  a:hover {
110
- outline: 0;
95
+ outline: 0;
111
96
  }
112
97
 
113
- /* ==========================================================================
114
- Typography
98
+ /* Text-level semantics
115
99
  ========================================================================== */
116
100
 
117
- /**
118
- * Address variable `h1` font-size and margin within `section` and `article`
119
- * contexts in Firefox 4+, Safari 5, and Chrome.
120
- */
121
-
122
- h1 {
123
- font-size: 2em;
124
- margin: 0.67em 0;
125
- }
126
-
127
101
  /**
128
102
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
129
103
  */
130
104
 
131
105
  abbr[title] {
132
- border-bottom: 1px dotted;
106
+ border-bottom: 1px dotted;
133
107
  }
134
108
 
135
109
  /**
@@ -138,7 +112,7 @@ abbr[title] {
138
112
 
139
113
  b,
140
114
  strong {
141
- font-weight: bold;
115
+ font-weight: bold;
142
116
  }
143
117
 
144
118
  /**
@@ -146,17 +120,17 @@ strong {
146
120
  */
147
121
 
148
122
  dfn {
149
- font-style: italic;
123
+ font-style: italic;
150
124
  }
151
125
 
152
126
  /**
153
- * Address differences between Firefox and other browsers.
127
+ * Address variable `h1` font-size and margin within `section` and `article`
128
+ * contexts in Firefox 4+, Safari 5, and Chrome.
154
129
  */
155
130
 
156
- hr {
157
- -moz-box-sizing: content-box;
158
- box-sizing: content-box;
159
- height: 0;
131
+ h1 {
132
+ font-size: 2em;
133
+ margin: 0.67em 0;
160
134
  }
161
135
 
162
136
  /**
@@ -164,36 +138,8 @@ hr {
164
138
  */
165
139
 
166
140
  mark {
167
- background: #ff0;
168
- color: #000;
169
- }
170
-
171
- /**
172
- * Correct font family set oddly in Safari 5 and Chrome.
173
- */
174
-
175
- code,
176
- kbd,
177
- pre,
178
- samp {
179
- font-family: monospace, serif;
180
- font-size: 1em;
181
- }
182
-
183
- /**
184
- * Improve readability of pre-formatted text in all browsers.
185
- */
186
-
187
- pre {
188
- white-space: pre-wrap;
189
- }
190
-
191
- /**
192
- * Set consistent quote types.
193
- */
194
-
195
- q {
196
- quotes: "\201C" "\201D" "\2018" "\2019";
141
+ background: #ff0;
142
+ color: #000;
197
143
  }
198
144
 
199
145
  /**
@@ -201,7 +147,7 @@ q {
201
147
  */
202
148
 
203
149
  small {
204
- font-size: 80%;
150
+ font-size: 80%;
205
151
  }
206
152
 
207
153
  /**
@@ -210,22 +156,21 @@ small {
210
156
 
211
157
  sub,
212
158
  sup {
213
- font-size: 75%;
214
- line-height: 0;
215
- position: relative;
216
- vertical-align: baseline;
159
+ font-size: 75%;
160
+ line-height: 0;
161
+ position: relative;
162
+ vertical-align: baseline;
217
163
  }
218
164
 
219
165
  sup {
220
- top: -0.5em;
166
+ top: -0.5em;
221
167
  }
222
168
 
223
169
  sub {
224
- bottom: -0.25em;
170
+ bottom: -0.25em;
225
171
  }
226
172
 
227
- /* ==========================================================================
228
- Embedded content
173
+ /* Embedded content
229
174
  ========================================================================== */
230
175
 
231
176
  /**
@@ -233,7 +178,7 @@ sub {
233
178
  */
234
179
 
235
180
  img {
236
- border: 0;
181
+ border: 0;
237
182
  }
238
183
 
239
184
  /**
@@ -241,11 +186,10 @@ img {
241
186
  */
242
187
 
243
188
  svg:not(:root) {
244
- overflow: hidden;
189
+ overflow: hidden;
245
190
  }
246
191
 
247
- /* ==========================================================================
248
- Figures
192
+ /* Grouping content
249
193
  ========================================================================== */
250
194
 
251
195
  /**
@@ -253,68 +197,82 @@ svg:not(:root) {
253
197
  */
254
198
 
255
199
  figure {
256
- margin: 0;
200
+ margin: 1em 40px;
257
201
  }
258
202
 
259
- /* ==========================================================================
260
- Forms
261
- ========================================================================== */
203
+ /**
204
+ * Address differences between Firefox and other browsers.
205
+ */
206
+
207
+ hr {
208
+ -moz-box-sizing: content-box;
209
+ box-sizing: content-box;
210
+ height: 0;
211
+ }
262
212
 
263
213
  /**
264
- * Define consistent border, margin, and padding.
214
+ * Contain overflow in all browsers.
265
215
  */
266
216
 
267
- fieldset {
268
- border: 1px solid #c0c0c0;
269
- margin: 0 2px;
270
- padding: 0.35em 0.625em 0.75em;
217
+ pre {
218
+ overflow: auto;
271
219
  }
272
220
 
273
221
  /**
274
- * 1. Correct `color` not being inherited in IE 8/9.
275
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
222
+ * Address odd `em`-unit font size rendering in all browsers.
276
223
  */
277
224
 
278
- legend {
279
- border: 0; /* 1 */
280
- padding: 0; /* 2 */
225
+ code,
226
+ kbd,
227
+ pre,
228
+ samp {
229
+ font-family: monospace, monospace;
230
+ font-size: 1em;
281
231
  }
282
232
 
233
+ /* Forms
234
+ ========================================================================== */
235
+
283
236
  /**
284
- * 1. Correct font family not being inherited in all browsers.
285
- * 2. Correct font size not being inherited in all browsers.
237
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
238
+ * styling of `select`, unless a `border` property is set.
239
+ */
240
+
241
+ /**
242
+ * 1. Correct color not being inherited.
243
+ * Known issue: affects color of disabled elements.
244
+ * 2. Correct font properties not being inherited.
286
245
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
287
246
  */
288
247
 
289
248
  button,
290
249
  input,
250
+ optgroup,
291
251
  select,
292
252
  textarea {
293
- font-family: inherit; /* 1 */
294
- font-size: 100%; /* 2 */
295
- margin: 0; /* 3 */
253
+ color: inherit; /* 1 */
254
+ font: inherit; /* 2 */
255
+ margin: 0; /* 3 */
296
256
  }
297
257
 
298
258
  /**
299
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
300
- * the UA stylesheet.
259
+ * Address `overflow` set to `hidden` in IE 8/9/10.
301
260
  */
302
261
 
303
- button,
304
- input {
305
- line-height: normal;
262
+ button {
263
+ overflow: visible;
306
264
  }
307
265
 
308
266
  /**
309
267
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
310
268
  * All other form control elements do not inherit `text-transform` values.
311
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
312
- * Correct `select` style inheritance in Firefox 4+ and Opera.
269
+ * Correct `button` style inheritance in Firefox, IE 8+, and Opera
270
+ * Correct `select` style inheritance in Firefox.
313
271
  */
314
272
 
315
273
  button,
316
274
  select {
317
- text-transform: none;
275
+ text-transform: none;
318
276
  }
319
277
 
320
278
  /**
@@ -329,8 +287,8 @@ button,
329
287
  html input[type="button"], /* 1 */
330
288
  input[type="reset"],
331
289
  input[type="submit"] {
332
- -webkit-appearance: button; /* 2 */
333
- cursor: pointer; /* 3 */
290
+ -webkit-appearance: button; /* 2 */
291
+ cursor: pointer; /* 3 */
334
292
  }
335
293
 
336
294
  /**
@@ -339,18 +297,51 @@ input[type="submit"] {
339
297
 
340
298
  button[disabled],
341
299
  html input[disabled] {
342
- cursor: default;
300
+ cursor: default;
301
+ }
302
+
303
+ /**
304
+ * Remove inner padding and border in Firefox 4+.
305
+ */
306
+
307
+ button::-moz-focus-inner,
308
+ input::-moz-focus-inner {
309
+ border: 0;
310
+ padding: 0;
311
+ }
312
+
313
+ /**
314
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
315
+ * the UA stylesheet.
316
+ */
317
+
318
+ input {
319
+ line-height: normal;
343
320
  }
344
321
 
345
322
  /**
346
- * 1. Address box sizing set to `content-box` in IE 8/9.
347
- * 2. Remove excess padding in IE 8/9.
323
+ * It's recommended that you don't attempt to style these elements.
324
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
325
+ *
326
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
327
+ * 2. Remove excess padding in IE 8/9/10.
348
328
  */
349
329
 
350
330
  input[type="checkbox"],
351
331
  input[type="radio"] {
352
- box-sizing: border-box; /* 1 */
353
- padding: 0; /* 2 */
332
+ box-sizing: border-box; /* 1 */
333
+ padding: 0; /* 2 */
334
+ }
335
+
336
+ /**
337
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
338
+ * `font-size` values of the `input`, it causes the cursor style of the
339
+ * decrement button to change from `default` to `text`.
340
+ */
341
+
342
+ input[type="number"]::-webkit-inner-spin-button,
343
+ input[type="number"]::-webkit-outer-spin-button {
344
+ height: auto;
354
345
  }
355
346
 
356
347
  /**
@@ -360,44 +351,61 @@ input[type="radio"] {
360
351
  */
361
352
 
362
353
  input[type="search"] {
363
- -webkit-appearance: textfield; /* 1 */
364
- -moz-box-sizing: content-box;
365
- -webkit-box-sizing: content-box; /* 2 */
366
- box-sizing: content-box;
354
+ -webkit-appearance: textfield; /* 1 */
355
+ -moz-box-sizing: content-box;
356
+ -webkit-box-sizing: content-box; /* 2 */
357
+ box-sizing: content-box;
367
358
  }
368
359
 
369
360
  /**
370
- * Remove inner padding and search cancel button in Safari 5 and Chrome
371
- * on OS X.
361
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
362
+ * Safari (but not Chrome) clips the cancel button when the search input has
363
+ * padding (and `textfield` appearance).
372
364
  */
373
365
 
374
366
  input[type="search"]::-webkit-search-cancel-button,
375
367
  input[type="search"]::-webkit-search-decoration {
376
- -webkit-appearance: none;
368
+ -webkit-appearance: none;
377
369
  }
378
370
 
379
371
  /**
380
- * Remove inner padding and border in Firefox 4+.
372
+ * Define consistent border, margin, and padding.
381
373
  */
382
374
 
383
- button::-moz-focus-inner,
384
- input::-moz-focus-inner {
385
- border: 0;
386
- padding: 0;
375
+ fieldset {
376
+ border: 1px solid #c0c0c0;
377
+ margin: 0 2px;
378
+ padding: 0.35em 0.625em 0.75em;
387
379
  }
388
380
 
389
381
  /**
390
- * 1. Remove default vertical scrollbar in IE 8/9.
391
- * 2. Improve readability and alignment in all browsers.
382
+ * 1. Correct `color` not being inherited in IE 8/9.
383
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
384
+ */
385
+
386
+ legend {
387
+ border: 0; /* 1 */
388
+ padding: 0; /* 2 */
389
+ }
390
+
391
+ /**
392
+ * Remove default vertical scrollbar in IE 8/9.
392
393
  */
393
394
 
394
395
  textarea {
395
- overflow: auto; /* 1 */
396
- vertical-align: top; /* 2 */
396
+ overflow: auto;
397
+ }
398
+
399
+ /**
400
+ * Don't inherit the `font-weight` (applied by a rule above).
401
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
402
+ */
403
+
404
+ optgroup {
405
+ font-weight: bold;
397
406
  }
398
407
 
399
- /* ==========================================================================
400
- Tables
408
+ /* Tables
401
409
  ========================================================================== */
402
410
 
403
411
  /**
@@ -405,6 +413,11 @@ textarea {
405
413
  */
406
414
 
407
415
  table {
408
- border-collapse: collapse;
409
- border-spacing: 0;
416
+ border-collapse: collapse;
417
+ border-spacing: 0;
418
+ }
419
+
420
+ td,
421
+ th {
422
+ padding: 0;
410
423
  }