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.
- data/CONTRIBUTING.md +5 -4
- data/Gemfile.lock +1 -1
- data/README.md +7 -0
- data/docs/CHANGELOG.md +27 -0
- data/docs/Gemfile +2 -0
- data/docs/Gemfile.lock +10 -0
- data/docs/_sidebar-components.html.erb +1 -0
- data/docs/_sidebar.html.erb +1 -0
- data/docs/components/alert-boxes.html.erb +8 -3
- data/docs/components/block-grid.html.erb +3 -3
- data/docs/components/breadcrumbs.html.erb +2 -2
- data/docs/components/button-groups.html.erb +2 -2
- data/docs/components/buttons.html.erb +3 -3
- data/docs/components/clearing.html.erb +7 -6
- data/docs/components/custom-forms.html.erb +1 -0
- data/docs/components/dropdown-buttons.html.erb +3 -3
- data/docs/components/dropdown.html.erb +20 -4
- data/docs/components/flex-video.html.erb +3 -3
- data/docs/components/forms.html.erb +5 -5
- data/docs/components/global.html.erb +235 -3
- data/docs/components/grid.html.erb +2 -2
- data/docs/components/inline-lists.html.erb +3 -3
- data/docs/components/interchange.html.erb +127 -0
- data/docs/components/keystrokes.html.erb +3 -3
- data/docs/components/kitchen-sink.html.erb +2 -2
- data/docs/components/labels.html.erb +3 -3
- data/docs/components/orbit.html.erb +120 -8
- data/docs/components/pagination.html.erb +5 -5
- data/docs/components/panels.html.erb +3 -3
- data/docs/components/pricing-tables.html.erb +3 -3
- data/docs/components/progress-bars.html.erb +3 -3
- data/docs/components/reveal.html.erb +126 -7
- data/docs/components/section.html.erb +43 -1
- data/docs/components/side-nav.html.erb +3 -3
- data/docs/components/split-buttons.html.erb +3 -3
- data/docs/components/sub-nav.html.erb +4 -4
- data/docs/components/switch.html.erb +3 -3
- data/docs/components/tables.html.erb +1 -1
- data/docs/components/thumbnails.html.erb +2 -2
- data/docs/components/tooltips.html.erb +34 -1
- data/docs/components/top-bar.html.erb +109 -30
- data/docs/components/type.html.erb +2 -1
- data/docs/components/visibility.html.erb +8 -8
- data/docs/css/normalize.scss +2 -2
- data/docs/css/qunit.css +1 -1
- data/docs/img/demos/demo1.jpg +0 -0
- data/docs/img/demos/demo2.jpg +0 -0
- data/docs/img/demos/demo3.jpg +0 -0
- data/docs/img/demos/demo4.jpg +0 -0
- data/docs/img/demos/demo5.jpg +0 -0
- data/docs/img/demos/interchange/default.jpg +0 -0
- data/docs/img/demos/interchange/large.jpg +0 -0
- data/docs/img/demos/interchange/med.jpg +0 -0
- data/docs/img/demos/interchange/small.jpg +0 -0
- data/docs/img/demos/interchange/smallest.jpg +0 -0
- data/docs/index.html.erb +14 -5
- data/docs/javascript.html.erb +2 -4
- data/docs/layout.html.erb +1 -1
- data/docs/rails.html.erb +4 -1
- data/docs/sass.html.erb +1274 -1023
- data/js/foundation/foundation.alerts.js +3 -1
- data/js/foundation/foundation.clearing.js +1 -1
- data/js/foundation/foundation.dropdown.js +25 -6
- data/js/foundation/foundation.forms.js +14 -12
- data/js/foundation/foundation.interchange.js +265 -0
- data/js/foundation/foundation.joyride.js +16 -3
- data/js/foundation/foundation.js +53 -7
- data/js/foundation/foundation.magellan.js +5 -3
- data/js/foundation/foundation.orbit.js +19 -2
- data/js/foundation/foundation.reveal.js +64 -11
- data/js/foundation/foundation.section.js +26 -17
- data/js/foundation/foundation.tooltips.js +16 -8
- data/js/foundation/foundation.topbar.js +98 -46
- data/js/foundation/index.js +1 -0
- data/lib/foundation/generators/install_generator.rb +2 -2
- data/lib/foundation/version.rb +1 -1
- data/scss/foundation/_variables.scss +134 -71
- data/scss/foundation/components/_alert-boxes.scss +20 -20
- data/scss/foundation/components/_block-grid.scss +7 -4
- data/scss/foundation/components/_breadcrumbs.scss +3 -3
- data/scss/foundation/components/_buttons.scss +5 -3
- data/scss/foundation/components/_clearing.scss +12 -6
- data/scss/foundation/components/_custom-forms.scss +17 -10
- data/scss/foundation/components/_dropdown.scss +6 -6
- data/scss/foundation/components/_forms.scss +5 -3
- data/scss/foundation/components/_global.scss +63 -30
- data/scss/foundation/components/_grid.scss +10 -9
- data/scss/foundation/components/_joyride.scss +22 -20
- data/scss/foundation/components/_keystrokes.scss +1 -1
- data/scss/foundation/components/_orbit.scss +108 -30
- data/scss/foundation/components/_reveal.scss +12 -8
- data/scss/foundation/components/_section.scss +38 -3
- data/scss/foundation/components/_switch.scss +18 -12
- data/scss/foundation/components/_thumbs.scss +10 -3
- data/scss/foundation/components/_tooltips.scss +11 -11
- data/scss/foundation/components/_top-bar.scss +102 -64
- data/scss/foundation/components/_type.scss +54 -47
- data/templates/project/manifest.rb +1 -0
- 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-
|
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-
|
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.
|
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-
|
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:
|
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:
|
248
|
+
hash: -3901516274681788208
|
242
249
|
requirements: []
|
243
250
|
rubyforge_project:
|
244
251
|
rubygems_version: 1.8.23
|