zurb-foundation 4.0.9 → 4.1.1

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 (58) hide show
  1. data/Gemfile.lock +1 -1
  2. data/README.md +10 -3
  3. data/docs/Gemfile +4 -1
  4. data/docs/Gemfile.lock +1 -1
  5. data/docs/_sidebar-components.html.erb +1 -0
  6. data/docs/_sidebar.html.erb +2 -0
  7. data/docs/components/dropdown.html.erb +3 -3
  8. data/docs/components/global.html.erb +1 -1
  9. data/docs/components/grid.html.erb +4 -4
  10. data/docs/components/joyride.html.erb +4 -1
  11. data/docs/components/kitchen-sink.html.erb +864 -0
  12. data/docs/components/orbit.html.erb +1 -1
  13. data/docs/components/section.html.erb +29 -2
  14. data/docs/components/split-buttons.html.erb +1 -1
  15. data/docs/components/top-bar.html.erb +0 -3
  16. data/docs/css/docs.scss +8 -6
  17. data/docs/layout.html.erb +13 -2
  18. data/docs/rtl.html.erb +53 -0
  19. data/docs/support.html.erb +1 -1
  20. data/js/foundation/foundation.clearing.js +20 -14
  21. data/js/foundation/foundation.dropdown.js +10 -11
  22. data/js/foundation/foundation.forms.js +45 -13
  23. data/js/foundation/foundation.joyride.js +14 -6
  24. data/js/foundation/foundation.js +7 -1
  25. data/js/foundation/foundation.orbit.js +10 -8
  26. data/js/foundation/foundation.reveal.js +1 -1
  27. data/js/foundation/foundation.section.js +23 -7
  28. data/js/foundation/foundation.tooltips.js +7 -3
  29. data/js/foundation/foundation.topbar.js +28 -12
  30. data/lib/foundation/generators/install_generator.rb +1 -1
  31. data/lib/foundation/version.rb +1 -1
  32. data/package.json +7 -1
  33. data/scss/foundation/_foundation-global.scss +3 -3
  34. data/scss/foundation/components/_alert-boxes.scss +4 -4
  35. data/scss/foundation/components/_button-groups.scss +6 -4
  36. data/scss/foundation/components/_buttons.scss +4 -4
  37. data/scss/foundation/components/_clearing.scss +18 -16
  38. data/scss/foundation/components/_custom-forms.scss +8 -8
  39. data/scss/foundation/components/_dropdown-buttons.scss +12 -12
  40. data/scss/foundation/components/_dropdown.scss +5 -6
  41. data/scss/foundation/components/_forms.scss +15 -15
  42. data/scss/foundation/components/_grid.scss +18 -18
  43. data/scss/foundation/components/_inline-lists.scss +8 -3
  44. data/scss/foundation/components/_joyride.scss +8 -8
  45. data/scss/foundation/components/_magellan.scss +3 -2
  46. data/scss/foundation/components/_orbit.scss +24 -16
  47. data/scss/foundation/components/_pricing-tables.scss +1 -1
  48. data/scss/foundation/components/_reveal.scss +2 -2
  49. data/scss/foundation/components/_section.scss +5 -5
  50. data/scss/foundation/components/_split-buttons.scss +18 -18
  51. data/scss/foundation/components/_sub-nav.scss +1 -1
  52. data/scss/foundation/components/_switch.scss +11 -12
  53. data/scss/foundation/components/_tables.scss +1 -1
  54. data/scss/foundation/components/_tooltips.scss +2 -1
  55. data/scss/foundation/components/_top-bar.scss +10 -9
  56. data/templates/project/index.html +2 -2
  57. data/templates/project/scss/_settings.scss +8 -0
  58. metadata +6 -4
@@ -48,7 +48,7 @@ $table-margin-bottom: emCalc(20px) !default;
48
48
  padding: $table-head-padding;
49
49
  font-size: $table-head-font-size;
50
50
  color: $table-head-font-color;
51
- text-align: left;
51
+ text-align: $default-float;
52
52
  }
53
53
  }
54
54
  }
@@ -49,7 +49,7 @@ $tooltip-pip-size: 5px !default;
49
49
  line-height: $tooltip-line-height;
50
50
  padding: $tooltip-padding;
51
51
  max-width: 85%;
52
- left: 50%;
52
+ #{$default-float}: 50%;
53
53
  width: 100%;
54
54
  color: $tooltip-font-color;
55
55
  background: $tooltip-bg;
@@ -57,6 +57,7 @@ $tooltip-pip-size: 5px !default;
57
57
 
58
58
  &>.nub {
59
59
  display: block;
60
+ #{$default-float}: $tooltip-pip-size;
60
61
  position: absolute;
61
62
  width: 0;
62
63
  height: 0;
@@ -107,7 +107,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
107
107
  // Menu toggle button on small devices
108
108
  .toggle-topbar {
109
109
  position: absolute;
110
- #{$default-opposite}: 0;
110
+ #{$opposite-direction}: 0;
111
111
  top: 0;
112
112
 
113
113
  a {
@@ -124,7 +124,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
124
124
 
125
125
  // Adding the class "menu-icon" will add the 3-line icon people love and adore.
126
126
  &.menu-icon {
127
- #{$default-opposite}: $topbar-height / 3;
127
+ #{$opposite-direction}: $topbar-height / 3;
128
128
  top: 50%;
129
129
  margin-top: -16px;
130
130
  padding-#{$default-float}: 40px;
@@ -139,7 +139,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
139
139
 
140
140
  span {
141
141
  position: absolute;
142
- #{$default-opposite}: 0;
142
+ #{$opposite-direction}: 0;
143
143
  display: block;
144
144
  width: 16px;
145
145
  height: 0;
@@ -215,6 +215,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
215
215
  font-size: $topbar-link-font-size;
216
216
  font-weight: $topbar-link-weight;
217
217
  background: $topbar-dropdown-bg;
218
+ height: $topbar-height;
218
219
 
219
220
  &:hover { background: darken($topbar-dropdown-bg, 3%); }
220
221
 
@@ -261,11 +262,11 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
261
262
  & > a {
262
263
  &:after {
263
264
  @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);
264
- margin-#{$default-opposite}: $topbar-height / 3;
265
+ margin-#{$opposite-direction}: $topbar-height / 3;
265
266
  margin-top: -($topbar-dropdown-toggle-size / 2) - 2;
266
267
  position: absolute;
267
- top: 50%;
268
- #{$default-opposite}: 0;
268
+ top: 22px;
269
+ #{$opposite-direction}: 0;
269
270
  }
270
271
  }
271
272
 
@@ -367,7 +368,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
367
368
 
368
369
  .has-dropdown {
369
370
  & > a {
370
- padding-#{$default-opposite}: $topbar-dropdown-toggle-size * 7 !important;
371
+ padding-#{$opposite-direction}: $topbar-dropdown-toggle-size * 7 !important;
371
372
 
372
373
  &:after {
373
374
  @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);
@@ -392,7 +393,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
392
393
  border: none;
393
394
  content: "\00bb";
394
395
  margin-top: -7px;
395
- #{$default-opposite}: 5px;
396
+ #{$opposite-direction}: 5px;
396
397
  }
397
398
  }
398
399
  }
@@ -430,7 +431,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
430
431
  & > ul > .divider {
431
432
  border-bottom: none;
432
433
  border-top: none;
433
- border-#{$default-opposite}: solid 1px lighten($topbar-bg, 10%);
434
+ border-#{$opposite-direction}: solid 1px lighten($topbar-bg, 10%);
434
435
  border-#{$default-float}: solid 1px darken($topbar-bg, 10%);
435
436
  clear: none;
436
437
  height: $topbar-height;
@@ -1,7 +1,7 @@
1
1
  <% template = @template if defined?(@template) %>
2
2
  <!DOCTYPE html>
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
3
+ <!--[if IE 8]> <html class="no-js lt-ie9" lang="en" <% if template[:options][:rtl] %>dir="rtl"<% end %>> <![endif]-->
4
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en" <% if template[:options][:rtl] %>dir="rtl"<% end %>> <!--<![endif]-->
5
5
 
6
6
  <head>
7
7
  <meta charset="utf-8" />
@@ -602,6 +602,14 @@
602
602
  // $label-font-sizing: emCalc(14px);
603
603
  // $label-font-weight: bold;
604
604
 
605
+ //
606
+ // Magellan Variables
607
+ //
608
+
609
+ // We use these to control basic visual styles
610
+ // $magellan-bg: #fff;
611
+ // $magellan-padding: 10px;
612
+
605
613
  //
606
614
  // Orbit Settings
607
615
  //
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.0.9
4
+ version: 4.1.1
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-03-19 00:00:00.000000000 Z
12
+ date: 2013-04-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -85,6 +85,7 @@ files:
85
85
  - docs/components/inline-lists.html.erb
86
86
  - docs/components/joyride.html.erb
87
87
  - docs/components/keystrokes.html.erb
88
+ - docs/components/kitchen-sink.html.erb
88
89
  - docs/components/labels.html.erb
89
90
  - docs/components/magellan.html.erb
90
91
  - docs/components/orbit.html.erb
@@ -136,6 +137,7 @@ files:
136
137
  - docs/layout.html.erb
137
138
  - docs/media-queries.html.erb
138
139
  - docs/rails.html.erb
140
+ - docs/rtl.html.erb
139
141
  - docs/sass.html.erb
140
142
  - docs/support.html.erb
141
143
  - foundation.gemspec
@@ -229,7 +231,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
229
231
  version: '0'
230
232
  segments:
231
233
  - 0
232
- hash: -1567269957682062365
234
+ hash: 1017486002222735027
233
235
  required_rubygems_version: !ruby/object:Gem::Requirement
234
236
  none: false
235
237
  requirements:
@@ -238,7 +240,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
238
240
  version: '0'
239
241
  segments:
240
242
  - 0
241
- hash: -1567269957682062365
243
+ hash: 1017486002222735027
242
244
  requirements: []
243
245
  rubyforge_project:
244
246
  rubygems_version: 1.8.23