zurb-foundation 4.3.1 → 4.3.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (117) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +4 -0
  3. data/Gemfile.lock +31 -2
  4. data/Gruntfile.js +54 -10
  5. data/LICENSE +2 -2
  6. data/README.md +11 -2
  7. data/Rakefile +9 -0
  8. data/docs/CHANGELOG.md +9 -0
  9. data/docs/Procfile +2 -2
  10. data/docs/components/abide.html.erb +30 -6
  11. data/docs/components/alert-boxes.html.erb +35 -10
  12. data/docs/components/block-grid.html.erb +1 -1
  13. data/docs/components/breadcrumbs.html.erb +4 -4
  14. data/docs/components/button-groups.html.erb +2 -2
  15. data/docs/components/buttons.html.erb +10 -10
  16. data/docs/components/clearing.html.erb +28 -2
  17. data/docs/components/custom-forms.html.erb +9 -1
  18. data/docs/components/dropdown-buttons.html.erb +36 -11
  19. data/docs/components/dropdown.html.erb +44 -13
  20. data/docs/components/flex-video.html.erb +3 -3
  21. data/docs/components/forms.html.erb +10 -10
  22. data/docs/components/global.html.erb +15 -20
  23. data/docs/components/grid.html.erb +24 -23
  24. data/docs/components/inline-lists.html.erb +3 -3
  25. data/docs/components/interchange.html.erb +28 -2
  26. data/docs/components/joyride.html.erb +34 -10
  27. data/docs/components/keystrokes.html.erb +3 -3
  28. data/docs/components/kitchen-sink.html.erb +1 -1
  29. data/docs/components/labels.html.erb +3 -3
  30. data/docs/components/magellan.html.erb +25 -2
  31. data/docs/components/orbit.html.erb +39 -9
  32. data/docs/components/pagination.html.erb +7 -7
  33. data/docs/components/panels.html.erb +3 -3
  34. data/docs/components/pricing-tables.html.erb +11 -11
  35. data/docs/components/progress-bars.html.erb +5 -5
  36. data/docs/components/reveal.html.erb +31 -8
  37. data/docs/components/section.html.erb +61 -37
  38. data/docs/components/side-nav.html.erb +4 -4
  39. data/docs/components/split-buttons.html.erb +37 -15
  40. data/docs/components/sub-nav.html.erb +10 -6
  41. data/docs/components/switch.html.erb +2 -2
  42. data/docs/components/tables.html.erb +7 -7
  43. data/docs/components/tooltips.html.erb +30 -6
  44. data/docs/components/top-bar.html.erb +101 -13
  45. data/docs/components/type.html.erb +16 -16
  46. data/docs/config.ru +18 -1
  47. data/docs/controller.rb +1 -1
  48. data/docs/css/_coderay.scss +2 -2
  49. data/docs/css/_footer.scss +7 -7
  50. data/docs/css/_offcanvas.scss +16 -16
  51. data/docs/css/docs.scss +1 -3
  52. data/docs/index.html.erb +29 -29
  53. data/docs/layout.html.erb +5 -5
  54. data/docs/media-queries.html.erb +3 -3
  55. data/docs/rails.html.erb +2 -1
  56. data/docs/sass.html.erb +188 -146
  57. data/docs/support.html.erb +2 -2
  58. data/foundation.gemspec +1 -0
  59. data/js/foundation/foundation.abide.js +5 -5
  60. data/js/foundation/foundation.alerts.js +9 -4
  61. data/js/foundation/foundation.clearing.js +2 -2
  62. data/js/foundation/foundation.dropdown.js +11 -5
  63. data/js/foundation/foundation.forms.js +51 -28
  64. data/js/foundation/foundation.joyride.js +7 -5
  65. data/js/foundation/foundation.js +25 -1
  66. data/js/foundation/foundation.magellan.js +3 -2
  67. data/js/foundation/foundation.orbit.js +78 -58
  68. data/js/foundation/foundation.placeholder.js +424 -177
  69. data/js/foundation/foundation.reveal.js +39 -16
  70. data/js/foundation/foundation.section.js +62 -32
  71. data/js/foundation/foundation.tooltips.js +3 -2
  72. data/js/foundation/foundation.topbar.js +139 -69
  73. data/lib/foundation/generators/templates/application.html.erb +2 -1
  74. data/lib/foundation/version.rb +1 -1
  75. data/lib/zurb-foundation.rb +12 -0
  76. data/package.json +4 -3
  77. data/scss/foundation/_variables.scss +183 -159
  78. data/scss/foundation/components/_alert-boxes.scss +8 -8
  79. data/scss/foundation/components/_block-grid.scss +1 -1
  80. data/scss/foundation/components/_breadcrumbs.scss +3 -3
  81. data/scss/foundation/components/_button-groups.scss +2 -2
  82. data/scss/foundation/components/_buttons.scss +20 -20
  83. data/scss/foundation/components/_custom-forms.scss +19 -14
  84. data/scss/foundation/components/_dropdown-buttons.scss +8 -8
  85. data/scss/foundation/components/_dropdown.scss +4 -4
  86. data/scss/foundation/components/_flex-video.scss +2 -2
  87. data/scss/foundation/components/_forms.scss +28 -18
  88. data/scss/foundation/components/_global.scss +43 -18
  89. data/scss/foundation/components/_grid-5.scss +4 -4
  90. data/scss/foundation/components/_grid.scss +6 -4
  91. data/scss/foundation/components/_inline-lists.scss +3 -3
  92. data/scss/foundation/components/_joyride.scss +10 -10
  93. data/scss/foundation/components/_keystrokes.scss +2 -2
  94. data/scss/foundation/components/_labels.scss +2 -2
  95. data/scss/foundation/components/_orbit.scss +58 -44
  96. data/scss/foundation/components/_pagination.scss +6 -6
  97. data/scss/foundation/components/_panels.scss +7 -4
  98. data/scss/foundation/components/_pricing-tables.scss +10 -10
  99. data/scss/foundation/components/_progress-bars.scss +3 -3
  100. data/scss/foundation/components/_reveal.scss +5 -5
  101. data/scss/foundation/components/_section.scss +21 -21
  102. data/scss/foundation/components/_side-nav.scss +3 -3
  103. data/scss/foundation/components/_split-buttons.scss +7 -7
  104. data/scss/foundation/components/_sub-nav.scss +26 -10
  105. data/scss/foundation/components/_switch.scss +15 -11
  106. data/scss/foundation/components/_tables.scss +6 -6
  107. data/scss/foundation/components/_thumbs.scss +2 -4
  108. data/scss/foundation/components/_tooltips.scss +4 -4
  109. data/scss/foundation/components/_top-bar.scss +77 -39
  110. data/scss/foundation/components/_type.scss +25 -23
  111. data/scss/foundation/components/_visibility.scss +28 -28
  112. data/scss/normalize.scss +22 -14
  113. data/spec/js/SectionSpec.js +39 -0
  114. data/spec/js/helpers/SectionSpecHelper.js +22 -0
  115. data/spec/js/helpers/SpecHelper.js +19 -0
  116. metadata +32 -25
  117. data/.rbenv-version +0 -1
@@ -9,23 +9,23 @@ $include-html-visibility-classes: $include-html-classes !default;
9
9
  .show-for-small,
10
10
  .show-for-medium-down,
11
11
  .show-for-large-down { display: inherit !important; }
12
-
12
+
13
13
  .show-for-medium,
14
14
  .show-for-medium-up,
15
15
  .show-for-large,
16
16
  .show-for-large-up,
17
17
  .show-for-xlarge { display: none !important; }
18
-
18
+
19
19
  .hide-for-medium,
20
20
  .hide-for-medium-up,
21
21
  .hide-for-large,
22
22
  .hide-for-large-up,
23
23
  .hide-for-xlarge { display: inherit !important; }
24
-
24
+
25
25
  .hide-for-small,
26
26
  .hide-for-medium-down,
27
27
  .hide-for-large-down { display: none !important; }
28
-
28
+
29
29
  /* Specific visilbity for tables */
30
30
  table {
31
31
  &.show-for-small,
@@ -78,19 +78,19 @@ $include-html-visibility-classes: $include-html-classes !default;
78
78
  &.hide-for-large-up,
79
79
  &.hide-for-xlarge { display: table-cell !important; }
80
80
  }
81
-
81
+
82
82
  /* Medium Displays: 768px - 1279px */
83
83
  @media #{$small} {
84
84
  .show-for-medium,
85
85
  .show-for-medium-up { display: inherit !important; }
86
-
86
+
87
87
  .show-for-small { display: none !important; }
88
-
88
+
89
89
  .hide-for-small { display: inherit !important; }
90
-
90
+
91
91
  .hide-for-medium,
92
92
  .hide-for-medium-up { display: none !important; }
93
-
93
+
94
94
  /* Specific visilbity for tables */
95
95
  table {
96
96
  &.show-for-medium,
@@ -119,21 +119,21 @@ $include-html-visibility-classes: $include-html-classes !default;
119
119
  &.hide-for-small { display: table-cell !important; }
120
120
  }
121
121
  }
122
-
122
+
123
123
  /* Large Displays: 1280px - 1440px */
124
124
  @media #{$medium} {
125
125
  .show-for-large,
126
126
  .show-for-large-up { display: inherit !important; }
127
-
127
+
128
128
  .show-for-medium,
129
129
  .show-for-medium-down { display: none !important; }
130
-
130
+
131
131
  .hide-for-medium,
132
132
  .hide-for-medium-down { display: inherit !important; }
133
-
133
+
134
134
  .hide-for-large,
135
135
  .hide-for-large-up { display: none !important; }
136
-
136
+
137
137
  /* Specific visilbity for tables */
138
138
  table {
139
139
  &.show-for-large,
@@ -167,19 +167,19 @@ $include-html-visibility-classes: $include-html-classes !default;
167
167
  &.hide-for-medium-down { display: table-cell !important; }
168
168
  }
169
169
  }
170
-
170
+
171
171
  /* X-Large Displays: 1400px and up */
172
172
  @media #{$large} {
173
173
  .show-for-xlarge { display: inherit !important; }
174
-
174
+
175
175
  .show-for-large,
176
176
  .show-for-large-down { display: none !important; }
177
-
177
+
178
178
  .hide-for-large,
179
179
  .hide-for-large-down { display: inherit !important; }
180
-
180
+
181
181
  .hide-for-xlarge { display: none !important; }
182
-
182
+
183
183
  /* Specific visilbity for tables */
184
184
  table {
185
185
  &.show-for-xlarge,
@@ -208,14 +208,14 @@ $include-html-visibility-classes: $include-html-classes !default;
208
208
  &.hide-for-large-down { display: table-cell !important; }
209
209
  }
210
210
  }
211
-
212
-
211
+
212
+
213
213
  /* Orientation targeting */
214
214
  .show-for-landscape,
215
215
  .hide-for-portrait { display: inherit !important; }
216
216
  .hide-for-landscape,
217
217
  .show-for-portrait { display: none !important; }
218
-
218
+
219
219
  /* Specific visilbity for tables */
220
220
  table {
221
221
  &.hide-for-landscape,
@@ -238,13 +238,13 @@ $include-html-visibility-classes: $include-html-classes !default;
238
238
  &.hide-for-landscape,
239
239
  &.show-for-portrait { display: table-cell !important; }
240
240
  }
241
-
241
+
242
242
  @media #{$landscape} {
243
243
  .show-for-landscape,
244
244
  .hide-for-portrait { display: inherit !important; }
245
245
  .hide-for-landscape,
246
246
  .show-for-portrait { display: none !important; }
247
-
247
+
248
248
  /* Specific visilbity for tables */
249
249
  table {
250
250
  &.show-for-landscape,
@@ -268,13 +268,13 @@ $include-html-visibility-classes: $include-html-classes !default;
268
268
  &.hide-for-portrait { display: table-cell !important; }
269
269
  }
270
270
  }
271
-
271
+
272
272
  @media #{$portrait} {
273
273
  .show-for-portrait,
274
274
  .hide-for-landscape { display: inherit !important; }
275
275
  .hide-for-portrait,
276
276
  .show-for-landscape { display: none !important; }
277
-
277
+
278
278
  /* Specific visilbity for tables */
279
279
  table {
280
280
  &.show-for-portrait,
@@ -298,13 +298,13 @@ $include-html-visibility-classes: $include-html-classes !default;
298
298
  &.hide-for-landscape { display: table-cell !important; }
299
299
  }
300
300
  }
301
-
301
+
302
302
  /* Touch-enabled device targeting */
303
303
  .show-for-touch { display: none !important; }
304
304
  .hide-for-touch { display: inherit !important; }
305
305
  .touch .show-for-touch { display: inherit !important; }
306
306
  .touch .hide-for-touch { display: none !important; }
307
-
307
+
308
308
  /* Specific visilbity for tables */
309
309
  table.hide-for-touch { display: table; }
310
310
  .touch table.show-for-touch { display: table; }
@@ -1,4 +1,4 @@
1
- /*! normalize.css v2.1.1 | MIT License | git.io/normalize */
1
+ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
2
2
 
3
3
  /* ==========================================================================
4
4
  HTML5 display definitions
@@ -44,33 +44,33 @@ audio:not([controls]) {
44
44
  }
45
45
 
46
46
  /**
47
- * Address styling not present in IE 8/9.
47
+ * Address `[hidden]` styling not present in IE 8/9.
48
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
48
49
  */
49
50
 
50
- [hidden] {
51
+ [hidden],
52
+ template {
51
53
  display: none;
52
54
  }
53
55
 
56
+ script {
57
+ display: none !important;
58
+ }
59
+
54
60
  /* ==========================================================================
55
61
  Base
56
62
  ========================================================================== */
57
63
 
58
64
  /**
59
- * 1. Prevent system color scheme's background color being used in Firefox, IE,
60
- * and Opera.
61
- * 2. Prevent system color scheme's text color being used in Firefox, IE, and
62
- * Opera.
63
- * 3. Set default font family to sans-serif.
64
- * 4. Prevent iOS text size adjust after orientation change, without disabling
65
+ * 1. Set default font family to sans-serif.
66
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
65
67
  * user zoom.
66
68
  */
67
69
 
68
70
  html {
69
- background: #fff; /* 1 */
70
- color: #000; /* 2 */
71
- font-family: sans-serif; /* 3 */
72
- -ms-text-size-adjust: 100%; /* 4 */
73
- -webkit-text-size-adjust: 100%; /* 4 */
71
+ font-family: sans-serif; /* 1 */
72
+ -ms-text-size-adjust: 100%; /* 2 */
73
+ -webkit-text-size-adjust: 100%; /* 2 */
74
74
  }
75
75
 
76
76
  /**
@@ -85,6 +85,14 @@ body {
85
85
  Links
86
86
  ========================================================================== */
87
87
 
88
+ /**
89
+ * Remove the gray background color from active links in IE 10.
90
+ */
91
+
92
+ a {
93
+ background: transparent;
94
+ }
95
+
88
96
  /**
89
97
  * Address `outline` inconsistency between Chrome and other browsers.
90
98
  */
@@ -0,0 +1,39 @@
1
+ describe('Section', function() {
2
+ var template = {
3
+ auto: '\
4
+ <div class="section-container auto" data-section> \
5
+ </div>'
6
+ };
7
+
8
+ var settings = Foundation.libs.section.settings;
9
+
10
+ describe('auto with defaults', function() {
11
+
12
+ beforeEach(function() {
13
+ $('#htmlFixture').append(template.auto);
14
+ });
15
+
16
+ it('should be tabs at small breakpoint', function() {
17
+ setDocumentWidth(settings.small_breakpoint);
18
+
19
+ $(document).foundation('section');
20
+ jasmine.Clock.tick(1000); // Let things settle...
21
+
22
+ var section = $(settings.section_selector)
23
+ expect(section).isAuto();
24
+ expect(section).not.isAccordion();
25
+ expect(section).isHorizontalTabs();
26
+ });
27
+
28
+ it('should be accordion below small breakpoint', function() {
29
+ setDocumentWidth(settings.small_breakpoint - 1);
30
+
31
+ $(document).foundation('section');
32
+ jasmine.Clock.tick(1000); // Let things settle...
33
+
34
+ var section = $(settings.section_selector)
35
+ expect(section).isAuto();
36
+ expect(section).isAccordion();
37
+ });
38
+ });
39
+ });
@@ -0,0 +1,22 @@
1
+ beforeEach(function() {
2
+ this.addMatchers({
3
+ isAccordion: function() {
4
+ var sectionLib = Foundation.libs.section;
5
+ var settings = sectionLib.settings;
6
+ return sectionLib.is_accordion(this.actual) ||
7
+ (sectionLib.is_auto(this.actual) &&
8
+ this.actual.is("[" + settings.small_style_data_attr + "]"));
9
+ },
10
+ isAuto: function() {
11
+ var sectionLib = Foundation.libs.section;
12
+ var settings = sectionLib.settings;
13
+ return sectionLib.is_auto(this.actual);
14
+ },
15
+ isHorizontalTabs: function() {
16
+ var sectionLib = Foundation.libs.section;
17
+ var settings = sectionLib.settings;
18
+ return sectionLib.is_horizontal_tabs(this.actual) ||
19
+ (sectionLib.is_auto(this.actual) && !this.actual.is("[" + settings.small_style_data_attr + "]"));
20
+ }
21
+ });
22
+ });
@@ -0,0 +1,19 @@
1
+ beforeEach(function() {
2
+ jasmine.Clock.useMock();
3
+ $('body').append('<div id="htmlFixture"></div>');
4
+ });
5
+
6
+ afterEach(function() {
7
+ $('#htmlFixture').remove();
8
+ });
9
+
10
+ function setDocumentWidth(width) {
11
+ var origWidthFunc = $.fn.width;
12
+ var widthSpy = spyOn($.fn, 'width').andCallFake(function() {
13
+ if(this[0].nodeName === '#document') {
14
+ return width;
15
+ } else {
16
+ return origWidthFunc.apply(this);
17
+ }
18
+ });
19
+ }
metadata CHANGED
@@ -1,46 +1,55 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: zurb-foundation
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.3.1
5
- prerelease:
4
+ version: 4.3.2
6
5
  platform: ruby
7
6
  authors:
8
7
  - ZURB
9
8
  autorequire:
10
9
  bindir: bin
11
10
  cert_chain: []
12
- date: 2013-07-23 00:00:00.000000000 Z
11
+ date: 2013-09-23 00:00:00.000000000 Z
13
12
  dependencies:
14
13
  - !ruby/object:Gem::Dependency
15
14
  name: sass
16
15
  requirement: !ruby/object:Gem::Requirement
17
- none: false
18
16
  requirements:
19
- - - ! '>='
17
+ - - '>='
20
18
  - !ruby/object:Gem::Version
21
19
  version: 3.2.0
22
20
  type: :runtime
23
21
  prerelease: false
24
22
  version_requirements: !ruby/object:Gem::Requirement
25
- none: false
26
23
  requirements:
27
- - - ! '>='
24
+ - - '>='
28
25
  - !ruby/object:Gem::Version
29
26
  version: 3.2.0
30
27
  - !ruby/object:Gem::Dependency
31
28
  name: rake
32
29
  requirement: !ruby/object:Gem::Requirement
33
- none: false
34
30
  requirements:
35
- - - ! '>='
31
+ - - '>='
36
32
  - !ruby/object:Gem::Version
37
33
  version: '0'
38
34
  type: :development
39
35
  prerelease: false
40
36
  version_requirements: !ruby/object:Gem::Requirement
41
- none: false
42
37
  requirements:
43
- - - ! '>='
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: jasmine
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - '>='
46
+ - !ruby/object:Gem::Version
47
+ version: '0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - '>='
44
53
  - !ruby/object:Gem::Version
45
54
  version: '0'
46
55
  description: ZURB Foundation on Sass/Compass
@@ -51,7 +60,6 @@ extensions: []
51
60
  extra_rdoc_files: []
52
61
  files:
53
62
  - .gitignore
54
- - .rbenv-version
55
63
  - CONTRIBUTING.md
56
64
  - Gemfile
57
65
  - Gemfile.lock
@@ -245,6 +253,9 @@ files:
245
253
  - scss/foundation/components/_type.scss
246
254
  - scss/foundation/components/_visibility.scss
247
255
  - scss/normalize.scss
256
+ - spec/js/SectionSpec.js
257
+ - spec/js/helpers/SectionSpecHelper.js
258
+ - spec/js/helpers/SpecHelper.js
248
259
  - templates/project/.gitignore
249
260
  - templates/project/MIT-LICENSE.txt
250
261
  - templates/project/config.rb
@@ -256,32 +267,28 @@ files:
256
267
  - templates/upgrade/manifest.rb
257
268
  homepage: http://foundation.zurb.com
258
269
  licenses: []
270
+ metadata: {}
259
271
  post_install_message:
260
272
  rdoc_options: []
261
273
  require_paths:
262
274
  - lib
263
275
  required_ruby_version: !ruby/object:Gem::Requirement
264
- none: false
265
276
  requirements:
266
- - - ! '>='
277
+ - - '>='
267
278
  - !ruby/object:Gem::Version
268
279
  version: '0'
269
- segments:
270
- - 0
271
- hash: -3316749234965597877
272
280
  required_rubygems_version: !ruby/object:Gem::Requirement
273
- none: false
274
281
  requirements:
275
- - - ! '>='
282
+ - - '>='
276
283
  - !ruby/object:Gem::Version
277
284
  version: '0'
278
- segments:
279
- - 0
280
- hash: -3316749234965597877
281
285
  requirements: []
282
286
  rubyforge_project:
283
- rubygems_version: 1.8.23
287
+ rubygems_version: 2.0.3
284
288
  signing_key:
285
- specification_version: 3
289
+ specification_version: 4
286
290
  summary: ZURB Foundation on Sass/Compass
287
- test_files: []
291
+ test_files:
292
+ - spec/js/SectionSpec.js
293
+ - spec/js/helpers/SectionSpecHelper.js
294
+ - spec/js/helpers/SpecHelper.js
@@ -1 +0,0 @@
1
- 1.9.3-p194