foundation-rails 5.0.3.1 → 5.1.0.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 (49) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/README.md +6 -2
  4. data/bower.json +7 -0
  5. data/lib/foundation/rails/version.rb +1 -1
  6. data/update-gem.sh +13 -0
  7. data/vendor/assets/javascripts/foundation.js +2 -1
  8. data/vendor/assets/javascripts/foundation/foundation.abide.js +67 -33
  9. data/vendor/assets/javascripts/foundation/foundation.accordion.js +19 -11
  10. data/vendor/assets/javascripts/foundation/foundation.alert.js +8 -5
  11. data/vendor/assets/javascripts/foundation/foundation.clearing.js +74 -52
  12. data/vendor/assets/javascripts/foundation/foundation.dropdown.js +52 -46
  13. data/vendor/assets/javascripts/foundation/foundation.equalizer.js +63 -0
  14. data/vendor/assets/javascripts/foundation/foundation.interchange.js +47 -26
  15. data/vendor/assets/javascripts/foundation/foundation.joyride.js +42 -36
  16. data/vendor/assets/javascripts/foundation/foundation.js +286 -118
  17. data/vendor/assets/javascripts/foundation/foundation.magellan.js +139 -98
  18. data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +8 -6
  19. data/vendor/assets/javascripts/foundation/foundation.orbit.js +29 -21
  20. data/vendor/assets/javascripts/foundation/foundation.reveal.js +58 -50
  21. data/vendor/assets/javascripts/foundation/foundation.tab.js +22 -10
  22. data/vendor/assets/javascripts/foundation/foundation.tooltip.js +38 -26
  23. data/vendor/assets/javascripts/foundation/foundation.topbar.js +79 -73
  24. data/vendor/assets/stylesheets/foundation/_functions.scss +37 -18
  25. data/vendor/assets/stylesheets/foundation/_settings.scss +115 -110
  26. data/vendor/assets/stylesheets/foundation/components/_block-grid.scss +14 -9
  27. data/vendor/assets/stylesheets/foundation/components/_breadcrumbs.scss +2 -2
  28. data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +1 -1
  29. data/vendor/assets/stylesheets/foundation/components/_clearing.scss +13 -1
  30. data/vendor/assets/stylesheets/foundation/components/_dropdown-buttons.scss +1 -1
  31. data/vendor/assets/stylesheets/foundation/components/_flex-video.scss +1 -1
  32. data/vendor/assets/stylesheets/foundation/components/_forms.scss +23 -29
  33. data/vendor/assets/stylesheets/foundation/components/_global.scss +23 -54
  34. data/vendor/assets/stylesheets/foundation/components/_grid.scss +38 -31
  35. data/vendor/assets/stylesheets/foundation/components/_inline-lists.scss +2 -2
  36. data/vendor/assets/stylesheets/foundation/components/_joyride.scss +2 -2
  37. data/vendor/assets/stylesheets/foundation/components/_magellan.scss +2 -2
  38. data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +96 -96
  39. data/vendor/assets/stylesheets/foundation/components/_orbit.scss +3 -0
  40. data/vendor/assets/stylesheets/foundation/components/_progress-bars.scss +2 -2
  41. data/vendor/assets/stylesheets/foundation/components/_reveal.scss +8 -3
  42. data/vendor/assets/stylesheets/foundation/components/_side-nav.scss +10 -5
  43. data/vendor/assets/stylesheets/foundation/components/_sub-nav.scss +6 -3
  44. data/vendor/assets/stylesheets/foundation/components/_tabs.scss +2 -0
  45. data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +11 -1
  46. data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +20 -7
  47. data/vendor/assets/stylesheets/foundation/components/_type.scss +82 -4
  48. data/vendor/assets/stylesheets/foundation/components/_visibility.scss +2 -2
  49. metadata +5 -2
@@ -65,10 +65,12 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
65
65
  .tabs-content {
66
66
  @include clearfix;
67
67
  margin-bottom: $tabs-content-margin-bottom;
68
+ width: 100%;
68
69
  > .content {
69
70
  display: none;
70
71
  float: $default-float;
71
72
  padding: $tabs-content-padding 0;
73
+ width: 100%;
72
74
  &.active { display: block; }
73
75
  &.contained { padding: $tabs-content-padding; }
74
76
  }
@@ -23,6 +23,7 @@ $tooltip-close-font-weight: normal !default;
23
23
  $tooltip-close-font-color: #777 !default;
24
24
  $tooltip-font-size-sml: rem-calc(14) !default;
25
25
  $tooltip-radius: $global-radius !default;
26
+ $tooltip-rounded: $global-rounded !default;
26
27
  $tooltip-pip-size: 5px !default;
27
28
 
28
29
  @include exports("tooltip") {
@@ -58,7 +59,6 @@ $tooltip-pip-size: 5px !default;
58
59
  width: 100%;
59
60
  color: $tooltip-font-color;
60
61
  background: $tooltip-bg;
61
- @include radius($tooltip-radius);
62
62
 
63
63
  &>.nub {
64
64
  display: block;
@@ -71,6 +71,16 @@ $tooltip-pip-size: 5px !default;
71
71
  top: -($tooltip-pip-size * 2);
72
72
  }
73
73
 
74
+ &.radius {
75
+ @include radius($tooltip-radius);
76
+ }
77
+ &.round {
78
+ @include radius($tooltip-rounded);
79
+ &>.nub {
80
+ left: 2rem;
81
+ }
82
+ }
83
+
74
84
  &.opened {
75
85
  color: $has-tip-font-color-hover !important;
76
86
  border-bottom: $has-tip-border-bottom-hover !important;
@@ -31,6 +31,7 @@ $topbar-dropdown-toggle-alpha: 0.4 !default;
31
31
  $topbar-link-color: #fff !default;
32
32
  $topbar-link-color-hover: #fff !default;
33
33
  $topbar-link-color-active: #fff !default;
34
+ $topbar-link-color-active-hover: #fff !default;
34
35
  $topbar-link-weight: normal !default;
35
36
  $topbar-link-font-size: rem-calc(13) !default;
36
37
  $topbar-link-hover-lightness: -10% !default; // Darken by 10%
@@ -198,7 +199,9 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
198
199
  padding-#{$default-float}: 40px;
199
200
 
200
201
  a {
201
- // text-indent: -48px;
202
+ @if $text-direction == rtl {
203
+ text-indent: -58px;
204
+ }
202
205
  height: 34px;
203
206
  line-height: 33px;
204
207
  padding: 0;
@@ -335,6 +338,7 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
335
338
  color: $topbar-link-color-active;
336
339
  &:hover {
337
340
  background: $topbar-link-bg-active-hover;
341
+ color: $topbar-link-color-active-hover;
338
342
  }
339
343
  }
340
344
  }
@@ -469,6 +473,15 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
469
473
  &:hover { background: $topbar-link-bg-hover; }
470
474
  }
471
475
  }
476
+ &.active:not(.has-form) {
477
+ a:not(.button) {
478
+ padding: 0 $topbar-height / 3;
479
+ line-height: $topbar-height;
480
+ color: $topbar-link-color-active;
481
+ background: $topbar-link-bg-active;
482
+ &:hover { background: $topbar-link-bg-active-hover; }
483
+ }
484
+ }
472
485
  }
473
486
 
474
487
  .has-dropdown {
@@ -558,18 +571,18 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
558
571
  // Position overrides for ul.right and ul.left
559
572
  .right {
560
573
  li .dropdown {
561
- left: auto;
562
- right: 0;
574
+ #{$default-float}: auto;
575
+ #{$opposite-direction}: 0;
563
576
 
564
- li .dropdown { right: 100%; }
577
+ li .dropdown { #{$opposite-direction}: 100%; }
565
578
  }
566
579
  }
567
580
  .left {
568
581
  li .dropdown {
569
- right: auto;
570
- left: 0;
582
+ #{$opposite-direction}: auto;
583
+ #{$default-float}: 0;
571
584
 
572
- li .dropdown { left: 100%; }
585
+ li .dropdown { #{$default-float}: 100%; }
573
586
  }
574
587
  }
575
588
  }
@@ -4,7 +4,7 @@ $include-html-type-classes: $include-html-classes !default;
4
4
 
5
5
  // We use these to control header font styles
6
6
  $header-font-family: $body-font-family !default;
7
- $header-font-weight: 300 !default;
7
+ $header-font-weight: normal !default;
8
8
  $header-font-style: normal !default;
9
9
  $header-font-color: #222 !default;
10
10
  $header-line-height: 1.4 !default;
@@ -23,7 +23,7 @@ $h6-font-size: 1rem !default;
23
23
  // These control how subheaders are styled.
24
24
  $subheader-line-height: 1.4 !default;
25
25
  $subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;
26
- $subheader-font-weight: 300 !default;
26
+ $subheader-font-weight: normal !default;
27
27
  $subheader-top-margin: .2rem !default;
28
28
  $subheader-bottom-margin: .5rem !default;
29
29
 
@@ -102,6 +102,85 @@ $microformat-abbr-padding: rem-calc(0 1) !default;
102
102
  $microformat-abbr-font-weight: bold !default;
103
103
  $microformat-abbr-font-decoration: none !default;
104
104
 
105
+ //
106
+ // Responsive Text alignment
107
+ //
108
+
109
+ // Global Text Styles
110
+ .text-left { text-align: left !important; }
111
+ .text-right { text-align: right !important; }
112
+ .text-center { text-align: center !important; }
113
+ .text-justify { text-align: justify !important; }
114
+
115
+ @media #{$small-only} {
116
+ .small-only-text-left { text-align: left !important; }
117
+ .small-only-text-right { text-align: right !important; }
118
+ .small-only-text-center { text-align: center !important; }
119
+ .small-only-text-justify { text-align: justify !important; }
120
+ }
121
+
122
+ @media #{$small-up} {
123
+ .small-text-left { text-align: left !important; }
124
+ .small-text-right { text-align: right !important; }
125
+ .small-text-center { text-align: center !important; }
126
+ .small-text-justify { text-align: justify !important; }
127
+ }
128
+
129
+ @media #{$medium-only} {
130
+ .medium-only-text-left { text-align: left !important; }
131
+ .medium-only-text-right { text-align: right !important; }
132
+ .medium-only-text-center { text-align: center !important; }
133
+ .medium-only-text-justify { text-align: justify !important; }
134
+ }
135
+
136
+ @media #{$medium-up} {
137
+ .medium-text-left { text-align: left !important; }
138
+ .medium-text-right { text-align: right !important; }
139
+ .medium-text-center { text-align: center !important; }
140
+ .medium-text-justify { text-align: justify !important; }
141
+ }
142
+
143
+ @media #{$large-only} {
144
+ .large-only-text-left { text-align: left !important; }
145
+ .large-only-text-right { text-align: right !important; }
146
+ .large-only-text-center { text-align: center !important; }
147
+ .large-only-text-justify { text-align: justify !important; }
148
+ }
149
+
150
+ @media #{$large-up} {
151
+ .large-text-left { text-align: left !important; }
152
+ .large-text-right { text-align: right !important; }
153
+ .large-text-center { text-align: center !important; }
154
+ .large-text-justify { text-align: justify !important; }
155
+ }
156
+
157
+ @media #{$xlarge-only} {
158
+ .xlarge-only-text-left { text-align: left !important; }
159
+ .xlarge-only-text-right { text-align: right !important; }
160
+ .xlarge-only-text-center { text-align: center !important; }
161
+ .xlarge-only-text-justify { text-align: justify !important; }
162
+ }
163
+
164
+ @media #{$xlarge-up} {
165
+ .xlarge-text-left { text-align: left !important; }
166
+ .xlarge-text-right { text-align: right !important; }
167
+ .xlarge-text-center { text-align: center !important; }
168
+ .xlarge-text-justify { text-align: justify !important; }
169
+ }
170
+
171
+ @media #{$xxlarge-only} {
172
+ .xxlarge-only-text-left { text-align: left !important; }
173
+ .xxlarge-only-text-right { text-align: right !important; }
174
+ .xxlarge-only-text-center { text-align: center !important; }
175
+ .xxlarge-only-text-justify { text-align: justify !important; }
176
+ }
177
+
178
+ @media #{$xxlarge-up} {
179
+ .xxlarge-text-left { text-align: left !important; }
180
+ .xxlarge-text-right { text-align: right !important; }
181
+ .xxlarge-text-center { text-align: center !important; }
182
+ .xxlarge-text-justify { text-align: justify !important; }
183
+ }
105
184
 
106
185
  //
107
186
  // Typography Placeholders
@@ -269,7 +348,6 @@ $microformat-abbr-font-decoration: none !default;
269
348
  ol {
270
349
  margin-#{$default-float}: $list-nested-margin;
271
350
  margin-bottom: 0;
272
- font-size: 1rem; /* Override nested font-size change */
273
351
  }
274
352
  }
275
353
  &.square,
@@ -443,4 +521,4 @@ $microformat-abbr-font-decoration: none !default;
443
521
  }
444
522
 
445
523
  }
446
- }
524
+ }
@@ -117,13 +117,13 @@ $include-html-visibility-classes: $include-html-classes !default;
117
117
  th {
118
118
  &.show-for-small,
119
119
  &.show-for-small-only,
120
- &.show-for-medium-down
120
+ &.show-for-medium-down,
121
121
  &.show-for-large-down,
122
122
  &.hide-for-medium,
123
123
  &.hide-for-medium-up,
124
124
  &.hide-for-large,
125
125
  &.hide-for-large-up,
126
- &.hide-for-xlarge
126
+ &.hide-for-xlarge,
127
127
  &.hide-for-xlarge-up,
128
128
  &.hide-for-xxlarge-up { display: table-cell !important; }
129
129
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: foundation-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.0.3.1
4
+ version: 5.1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - ZURB
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-01-17 00:00:00.000000000 Z
11
+ date: 2014-02-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -80,6 +80,7 @@ files:
80
80
  - Rakefile
81
81
  - app/controllers/foundation/rails/styleguide_controller.rb
82
82
  - app/views/foundation/rails/styleguide/show.html.erb
83
+ - bower.json
83
84
  - config/routes.rb
84
85
  - foundation-rails.gemspec
85
86
  - lib/foundation-rails.rb
@@ -148,12 +149,14 @@ files:
148
149
  - test/dummy/test/test_helper.rb
149
150
  - test/dummy/vendor/assets/javascripts/.keep
150
151
  - test/dummy/vendor/assets/stylesheets/.keep
152
+ - update-gem.sh
151
153
  - vendor/assets/javascripts/foundation.js
152
154
  - vendor/assets/javascripts/foundation/foundation.abide.js
153
155
  - vendor/assets/javascripts/foundation/foundation.accordion.js
154
156
  - vendor/assets/javascripts/foundation/foundation.alert.js
155
157
  - vendor/assets/javascripts/foundation/foundation.clearing.js
156
158
  - vendor/assets/javascripts/foundation/foundation.dropdown.js
159
+ - vendor/assets/javascripts/foundation/foundation.equalizer.js
157
160
  - vendor/assets/javascripts/foundation/foundation.interchange.js
158
161
  - vendor/assets/javascripts/foundation/foundation.joyride.js
159
162
  - vendor/assets/javascripts/foundation/foundation.js