zurb-foundation 4.1.6 → 4.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (99) hide show
  1. data/CONTRIBUTING.md +5 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +7 -0
  4. data/docs/CHANGELOG.md +27 -0
  5. data/docs/Gemfile +2 -0
  6. data/docs/Gemfile.lock +10 -0
  7. data/docs/_sidebar-components.html.erb +1 -0
  8. data/docs/_sidebar.html.erb +1 -0
  9. data/docs/components/alert-boxes.html.erb +8 -3
  10. data/docs/components/block-grid.html.erb +3 -3
  11. data/docs/components/breadcrumbs.html.erb +2 -2
  12. data/docs/components/button-groups.html.erb +2 -2
  13. data/docs/components/buttons.html.erb +3 -3
  14. data/docs/components/clearing.html.erb +7 -6
  15. data/docs/components/custom-forms.html.erb +1 -0
  16. data/docs/components/dropdown-buttons.html.erb +3 -3
  17. data/docs/components/dropdown.html.erb +20 -4
  18. data/docs/components/flex-video.html.erb +3 -3
  19. data/docs/components/forms.html.erb +5 -5
  20. data/docs/components/global.html.erb +235 -3
  21. data/docs/components/grid.html.erb +2 -2
  22. data/docs/components/inline-lists.html.erb +3 -3
  23. data/docs/components/interchange.html.erb +127 -0
  24. data/docs/components/keystrokes.html.erb +3 -3
  25. data/docs/components/kitchen-sink.html.erb +2 -2
  26. data/docs/components/labels.html.erb +3 -3
  27. data/docs/components/orbit.html.erb +120 -8
  28. data/docs/components/pagination.html.erb +5 -5
  29. data/docs/components/panels.html.erb +3 -3
  30. data/docs/components/pricing-tables.html.erb +3 -3
  31. data/docs/components/progress-bars.html.erb +3 -3
  32. data/docs/components/reveal.html.erb +126 -7
  33. data/docs/components/section.html.erb +43 -1
  34. data/docs/components/side-nav.html.erb +3 -3
  35. data/docs/components/split-buttons.html.erb +3 -3
  36. data/docs/components/sub-nav.html.erb +4 -4
  37. data/docs/components/switch.html.erb +3 -3
  38. data/docs/components/tables.html.erb +1 -1
  39. data/docs/components/thumbnails.html.erb +2 -2
  40. data/docs/components/tooltips.html.erb +34 -1
  41. data/docs/components/top-bar.html.erb +109 -30
  42. data/docs/components/type.html.erb +2 -1
  43. data/docs/components/visibility.html.erb +8 -8
  44. data/docs/css/normalize.scss +2 -2
  45. data/docs/css/qunit.css +1 -1
  46. data/docs/img/demos/demo1.jpg +0 -0
  47. data/docs/img/demos/demo2.jpg +0 -0
  48. data/docs/img/demos/demo3.jpg +0 -0
  49. data/docs/img/demos/demo4.jpg +0 -0
  50. data/docs/img/demos/demo5.jpg +0 -0
  51. data/docs/img/demos/interchange/default.jpg +0 -0
  52. data/docs/img/demos/interchange/large.jpg +0 -0
  53. data/docs/img/demos/interchange/med.jpg +0 -0
  54. data/docs/img/demos/interchange/small.jpg +0 -0
  55. data/docs/img/demos/interchange/smallest.jpg +0 -0
  56. data/docs/index.html.erb +14 -5
  57. data/docs/javascript.html.erb +2 -4
  58. data/docs/layout.html.erb +1 -1
  59. data/docs/rails.html.erb +4 -1
  60. data/docs/sass.html.erb +1274 -1023
  61. data/js/foundation/foundation.alerts.js +3 -1
  62. data/js/foundation/foundation.clearing.js +1 -1
  63. data/js/foundation/foundation.dropdown.js +25 -6
  64. data/js/foundation/foundation.forms.js +14 -12
  65. data/js/foundation/foundation.interchange.js +265 -0
  66. data/js/foundation/foundation.joyride.js +16 -3
  67. data/js/foundation/foundation.js +53 -7
  68. data/js/foundation/foundation.magellan.js +5 -3
  69. data/js/foundation/foundation.orbit.js +19 -2
  70. data/js/foundation/foundation.reveal.js +64 -11
  71. data/js/foundation/foundation.section.js +26 -17
  72. data/js/foundation/foundation.tooltips.js +16 -8
  73. data/js/foundation/foundation.topbar.js +98 -46
  74. data/js/foundation/index.js +1 -0
  75. data/lib/foundation/generators/install_generator.rb +2 -2
  76. data/lib/foundation/version.rb +1 -1
  77. data/scss/foundation/_variables.scss +134 -71
  78. data/scss/foundation/components/_alert-boxes.scss +20 -20
  79. data/scss/foundation/components/_block-grid.scss +7 -4
  80. data/scss/foundation/components/_breadcrumbs.scss +3 -3
  81. data/scss/foundation/components/_buttons.scss +5 -3
  82. data/scss/foundation/components/_clearing.scss +12 -6
  83. data/scss/foundation/components/_custom-forms.scss +17 -10
  84. data/scss/foundation/components/_dropdown.scss +6 -6
  85. data/scss/foundation/components/_forms.scss +5 -3
  86. data/scss/foundation/components/_global.scss +63 -30
  87. data/scss/foundation/components/_grid.scss +10 -9
  88. data/scss/foundation/components/_joyride.scss +22 -20
  89. data/scss/foundation/components/_keystrokes.scss +1 -1
  90. data/scss/foundation/components/_orbit.scss +108 -30
  91. data/scss/foundation/components/_reveal.scss +12 -8
  92. data/scss/foundation/components/_section.scss +38 -3
  93. data/scss/foundation/components/_switch.scss +18 -12
  94. data/scss/foundation/components/_thumbs.scss +10 -3
  95. data/scss/foundation/components/_tooltips.scss +11 -11
  96. data/scss/foundation/components/_top-bar.scss +102 -64
  97. data/scss/foundation/components/_type.scss +54 -47
  98. data/templates/project/manifest.rb +1 -0
  99. metadata +11 -4
@@ -62,6 +62,7 @@ $hr-margin: emCalc(20px) !default;
62
62
  // We use these to style lists
63
63
  $list-style-position: outside !default;
64
64
  $list-side-margin: emCalc(20px) !default;
65
+ $list-nested-margin: emCalc(20px) !default;
65
66
  $definition-list-header-weight: bold !default;
66
67
  $definition-list-header-margin-bottom: .3em !default;
67
68
  $definition-list-margin-bottom: emCalc(12px) !default;
@@ -104,6 +105,8 @@ $microformat-abbr-font-decoration: none !default;
104
105
  //
105
106
  // Typography Placeholders
106
107
  //
108
+
109
+ // These will throw a deprecation warning if used within a media query.
107
110
  %lead {
108
111
  font-size: $paragraph-font-size + emCalc(3.5px);
109
112
  line-height: 1.6;
@@ -118,7 +121,7 @@ $microformat-abbr-font-decoration: none !default;
118
121
  }
119
122
 
120
123
  @if $include-html-type-classes != false {
121
-
124
+
122
125
  /* Typography resets */
123
126
  div,
124
127
  dl,
@@ -143,19 +146,19 @@ $microformat-abbr-font-decoration: none !default;
143
146
  padding:0;
144
147
  direction: $text-direction;
145
148
  }
146
-
149
+
147
150
  /* Default Link Styles */
148
151
  a {
149
152
  color: $anchor-font-color;
150
153
  text-decoration: $anchor-text-decoration;
151
154
  line-height: inherit;
152
-
155
+
153
156
  &:hover,
154
157
  &:focus { color: $anchor-font-color-hover; }
155
-
158
+
156
159
  img { border:none; }
157
160
  }
158
-
161
+
159
162
  /* Default paragraph styles */
160
163
  p {
161
164
  font-family: $paragraph-font-family;
@@ -164,16 +167,16 @@ $microformat-abbr-font-decoration: none !default;
164
167
  line-height: $paragraph-line-height;
165
168
  margin-bottom: $paragraph-margin-bottom;
166
169
  text-rendering: $paragraph-text-rendering;
167
-
170
+
168
171
  &.lead { @extend %lead; }
169
-
172
+
170
173
  & aside {
171
174
  font-size: $paragraph-aside-font-size;
172
175
  line-height: $paragraph-aside-line-height;
173
176
  font-style: $paragraph-aside-font-style;
174
177
  }
175
178
  }
176
-
179
+
177
180
  /* Default header styles */
178
181
  h1, h2, h3, h4, h5, h6 {
179
182
  font-family: $header-font-family;
@@ -184,23 +187,23 @@ $microformat-abbr-font-decoration: none !default;
184
187
  margin-top: $header-top-margin;
185
188
  margin-bottom: $header-bottom-margin;
186
189
  line-height: $header-line-height - emCalc(3px);
187
-
190
+
188
191
  small {
189
192
  font-size: $small-font-size;
190
193
  color: $small-font-color;
191
194
  line-height: 0;
192
195
  }
193
196
  }
194
-
197
+
195
198
  h1 { font-size: $h1-font-size - emCalc(10px); }
196
199
  h2 { font-size: $h2-font-size - emCalc(10px); }
197
200
  h3 { font-size: $h3-font-size - emCalc(5px); }
198
201
  h4 { font-size: $h4-font-size - emCalc(5px); }
199
202
  h5 { font-size: $h5-font-size; }
200
203
  h6 { font-size: $h6-font-size; }
201
-
204
+
202
205
  .subheader { @extend %subheader; }
203
-
206
+
204
207
  hr {
205
208
  border: $hr-border-style $hr-border-color;
206
209
  border-width: $hr-border-width 0 0;
@@ -208,31 +211,31 @@ $microformat-abbr-font-decoration: none !default;
208
211
  margin: $hr-margin 0 ($hr-margin - emCalc(1px));
209
212
  height: 0;
210
213
  }
211
-
214
+
212
215
  /* Helpful Typography Defaults */
213
216
  em,
214
217
  i {
215
218
  font-style: italic;
216
219
  line-height: inherit;
217
220
  }
218
-
221
+
219
222
  strong,
220
223
  b {
221
224
  font-weight: bold;
222
225
  line-height: inherit;
223
226
  }
224
-
227
+
225
228
  small {
226
229
  font-size: $small-font-size;
227
230
  line-height: inherit;
228
231
  }
229
-
232
+
230
233
  code {
231
234
  font-family: $code-font-family;
232
235
  font-weight: $code-font-weight;
233
236
  color: $code-color;
234
237
  }
235
-
238
+
236
239
  /* Lists */
237
240
  ul,
238
241
  ol,
@@ -243,13 +246,17 @@ $microformat-abbr-font-decoration: none !default;
243
246
  list-style-position: $list-style-position;
244
247
  font-family: $paragraph-font-family;
245
248
  }
246
-
249
+
250
+ ul, ol {
251
+ margin-#{$default-float}: $list-side-margin;
252
+ }
253
+
247
254
  /* Unordered Lists */
248
255
  ul {
249
256
  li {
250
257
  ul,
251
258
  ol {
252
- margin-#{$default-float}: $list-side-margin;
259
+ margin-#{$default-float}: $list-nested-margin;
253
260
  margin-bottom: 0;
254
261
  font-size: 1em; /* Override nested font-size change */
255
262
  }
@@ -259,24 +266,24 @@ $microformat-abbr-font-decoration: none !default;
259
266
  &.disc {
260
267
  li ul { list-style: inherit; }
261
268
  }
262
-
269
+
263
270
  &.square { list-style-type: square; }
264
271
  &.circle { list-style-type: circle; }
265
272
  &.disc { list-style-type: disc; }
266
273
  &.no-bullet { list-style: none; }
267
274
  }
268
-
275
+
269
276
  /* Ordered Lists */
270
277
  ol {
271
278
  li {
272
279
  ul,
273
280
  ol {
274
- margin-#{$default-float}: $list-side-margin;
281
+ margin-#{$default-float}: $list-nested-margin;
275
282
  margin-bottom: 0;
276
283
  }
277
284
  }
278
285
  }
279
-
286
+
280
287
  /* Definition Lists */
281
288
  dl {
282
289
  dt {
@@ -285,7 +292,7 @@ $microformat-abbr-font-decoration: none !default;
285
292
  }
286
293
  dd { margin-bottom: $definition-list-margin-bottom; }
287
294
  }
288
-
295
+
289
296
  /* Abbreviations */
290
297
  abbr,
291
298
  acronym {
@@ -293,18 +300,18 @@ $microformat-abbr-font-decoration: none !default;
293
300
  font-size: 90%;
294
301
  color: $body-font-color;
295
302
  border-bottom: $acronym-underline;
296
- cursor: help;
303
+ cursor: $cursor-help-value;
297
304
  }
298
305
  abbr {
299
306
  text-transform: none;
300
307
  }
301
-
308
+
302
309
  /* Blockquotes */
303
310
  blockquote {
304
311
  margin: 0 0 $paragraph-margin-bottom;
305
312
  padding: $blockquote-padding;
306
313
  border-#{$default-float}: $blockquote-border;
307
-
314
+
308
315
  cite {
309
316
  display: block;
310
317
  font-size: $blockquote-cite-font-size;
@@ -312,7 +319,7 @@ $microformat-abbr-font-decoration: none !default;
312
319
  &:before {
313
320
  content: "\2014 \0020";
314
321
  }
315
-
322
+
316
323
  a,
317
324
  a:visited {
318
325
  color: $blockquote-cite-link-color;
@@ -324,14 +331,14 @@ $microformat-abbr-font-decoration: none !default;
324
331
  line-height: $paragraph-line-height;
325
332
  color: $blockquote-font-color;
326
333
  }
327
-
334
+
328
335
  /* Microformats */
329
336
  .vcard {
330
337
  display: inline-block;
331
338
  margin: $microformat-margin;
332
339
  border: $microformat-border-width $microformat-border-style $microformat-border-color;
333
340
  padding: $microformat-padding;
334
-
341
+
335
342
  li {
336
343
  margin: 0;
337
344
  display: block;
@@ -341,20 +348,20 @@ $microformat-abbr-font-decoration: none !default;
341
348
  font-size: $microformat-fullname-font-size;
342
349
  }
343
350
  }
344
-
351
+
345
352
  .vevent {
346
353
  .summary { font-weight: $microformat-summary-font-weight; }
347
-
354
+
348
355
  abbr {
349
- cursor: default;
356
+ cursor: $cursor-default-value;
350
357
  text-decoration: $microformat-abbr-font-decoration;
351
358
  font-weight: $microformat-abbr-font-weight;
352
359
  border: none;
353
360
  padding: $microformat-abbr-padding;
354
361
  }
355
362
  }
356
-
357
-
363
+
364
+
358
365
  @media #{$small} {
359
366
  h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }
360
367
  h1 { font-size: $h1-font-size; }
@@ -362,7 +369,7 @@ $microformat-abbr-font-decoration: none !default;
362
369
  h3 { font-size: $h3-font-size; }
363
370
  h4 { font-size: $h4-font-size; }
364
371
  }
365
-
372
+
366
373
  // Only include these styles if you want them.
367
374
  @if $include-print-styles {
368
375
  /*
@@ -379,43 +386,43 @@ $microformat-abbr-font-decoration: none !default;
379
386
  box-shadow: none !important;
380
387
  text-shadow: none !important;
381
388
  }
382
-
389
+
383
390
  a,
384
391
  a:visited { text-decoration: underline;}
385
392
  a[href]:after { content: " (" attr(href) ")"; }
386
-
393
+
387
394
  abbr[title]:after { content: " (" attr(title) ")"; }
388
-
395
+
389
396
  // Don't show links for images, or javascript/internal links
390
397
  .ir a:after,
391
398
  a[href^="javascript:"]:after,
392
399
  a[href^="#"]:after { content: ""; }
393
-
400
+
394
401
  pre,
395
402
  blockquote {
396
403
  border: 1px solid #999;
397
404
  page-break-inside: avoid;
398
405
  }
399
-
406
+
400
407
  thead { display: table-header-group; /* h5bp.com/t */ }
401
-
408
+
402
409
  tr,
403
410
  img { page-break-inside: avoid; }
404
-
411
+
405
412
  img { max-width: 100% !important; }
406
-
413
+
407
414
  @page { margin: 0.5cm; }
408
-
415
+
409
416
  p,
410
417
  h2,
411
418
  h3 {
412
419
  orphans: 3;
413
420
  widows: 3;
414
421
  }
415
-
422
+
416
423
  h2,
417
424
  h3 { page-break-after: avoid; }
418
-
425
+
419
426
  .hide-on-print { display: none !important; }
420
427
  .print-only { display: block !important; }
421
428
  .hide-for-print { display: none !important; }
@@ -1,6 +1,7 @@
1
1
  description 'Foundation Compass Gem'
2
2
 
3
3
  # Sass Files
4
+ stylesheet '../../scss/normalize.scss', :to => '_normalize.scss'
4
5
  stylesheet '../../scss/foundation/_variables.scss', :to => '_settings.scss'
5
6
  stylesheet 'scss/app.scss', :to => 'app.scss', :media => "screen, projector, print"
6
7
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: zurb-foundation
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.1.6
4
+ version: 4.2.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-05-06 00:00:00.000000000 Z
12
+ date: 2013-05-30 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -83,6 +83,7 @@ files:
83
83
  - docs/components/global.html.erb
84
84
  - docs/components/grid.html.erb
85
85
  - docs/components/inline-lists.html.erb
86
+ - docs/components/interchange.html.erb
86
87
  - docs/components/joyride.html.erb
87
88
  - docs/components/keystrokes.html.erb
88
89
  - docs/components/kitchen-sink.html.erb
@@ -125,6 +126,11 @@ files:
125
126
  - docs/img/demos/demo4.jpg
126
127
  - docs/img/demos/demo5-th.jpg
127
128
  - docs/img/demos/demo5.jpg
129
+ - docs/img/demos/interchange/default.jpg
130
+ - docs/img/demos/interchange/large.jpg
131
+ - docs/img/demos/interchange/med.jpg
132
+ - docs/img/demos/interchange/small.jpg
133
+ - docs/img/demos/interchange/smallest.jpg
128
134
  - docs/index.html.erb
129
135
  - docs/javascript.html.erb
130
136
  - docs/js/docs.js
@@ -146,6 +152,7 @@ files:
146
152
  - js/foundation/foundation.cookie.js
147
153
  - js/foundation/foundation.dropdown.js
148
154
  - js/foundation/foundation.forms.js
155
+ - js/foundation/foundation.interchange.js
149
156
  - js/foundation/foundation.joyride.js
150
157
  - js/foundation/foundation.js
151
158
  - js/foundation/foundation.magellan.js
@@ -229,7 +236,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
229
236
  version: '0'
230
237
  segments:
231
238
  - 0
232
- hash: 555875360046049761
239
+ hash: -3901516274681788208
233
240
  required_rubygems_version: !ruby/object:Gem::Requirement
234
241
  none: false
235
242
  requirements:
@@ -238,7 +245,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
238
245
  version: '0'
239
246
  segments:
240
247
  - 0
241
- hash: 555875360046049761
248
+ hash: -3901516274681788208
242
249
  requirements: []
243
250
  rubyforge_project:
244
251
  rubygems_version: 1.8.23