zurb-foundation 4.0.9 → 4.1.1

Sign up to get free protection for your applications and to get access to all the features.
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