foundation-rails 5.4.3.1 → 5.4.3.2

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 (37) hide show
  1. data/bower.json +2 -2
  2. data/lib/foundation/rails/version.rb +1 -1
  3. data/vendor/assets/_settings.scss +33 -34
  4. data/vendor/assets/javascripts/foundation/foundation.abide.js +18 -13
  5. data/vendor/assets/javascripts/foundation/foundation.accordion.js +1 -1
  6. data/vendor/assets/javascripts/foundation/foundation.alert.js +1 -1
  7. data/vendor/assets/javascripts/foundation/foundation.clearing.js +1 -1
  8. data/vendor/assets/javascripts/foundation/foundation.dropdown.js +30 -27
  9. data/vendor/assets/javascripts/foundation/foundation.equalizer.js +1 -1
  10. data/vendor/assets/javascripts/foundation/foundation.interchange.js +1 -1
  11. data/vendor/assets/javascripts/foundation/foundation.joyride.js +1 -1
  12. data/vendor/assets/javascripts/foundation/foundation.js +1 -1
  13. data/vendor/assets/javascripts/foundation/foundation.magellan.js +5 -5
  14. data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +1 -1
  15. data/vendor/assets/javascripts/foundation/foundation.orbit.js +1 -1
  16. data/vendor/assets/javascripts/foundation/foundation.reveal.js +2 -1
  17. data/vendor/assets/javascripts/foundation/foundation.slider.js +10 -11
  18. data/vendor/assets/javascripts/foundation/foundation.tab.js +16 -22
  19. data/vendor/assets/javascripts/foundation/foundation.tooltip.js +1 -1
  20. data/vendor/assets/javascripts/foundation/foundation.topbar.js +1 -1
  21. data/vendor/assets/stylesheets/foundation/_functions.scss +3 -3
  22. data/vendor/assets/stylesheets/foundation/_settings.scss +33 -34
  23. data/vendor/assets/stylesheets/foundation/components/_accordion.scss +6 -5
  24. data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +21 -23
  25. data/vendor/assets/stylesheets/foundation/components/_buttons.scss +8 -0
  26. data/vendor/assets/stylesheets/foundation/components/_dropdown.scss +23 -10
  27. data/vendor/assets/stylesheets/foundation/components/_global.scss +8 -3
  28. data/vendor/assets/stylesheets/foundation/components/_labels.scss +2 -1
  29. data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +22 -19
  30. data/vendor/assets/stylesheets/foundation/components/_panels.scss +2 -0
  31. data/vendor/assets/stylesheets/foundation/components/_reveal.scss +2 -2
  32. data/vendor/assets/stylesheets/foundation/components/_switches.scss +1 -1
  33. data/vendor/assets/stylesheets/foundation/components/_tables.scss +3 -3
  34. data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +1 -1
  35. data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +2 -1
  36. data/vendor/assets/stylesheets/foundation/components/_type.scss +1 -1
  37. metadata +4 -4
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.equalizer = {
5
5
  name : 'equalizer',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings : {
10
10
  use_tallest: true,
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.interchange = {
5
5
  name : 'interchange',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  cache : {},
10
10
 
@@ -6,7 +6,7 @@
6
6
  Foundation.libs.joyride = {
7
7
  name : 'joyride',
8
8
 
9
- version : '5.4.2',
9
+ version : '5.4.3',
10
10
 
11
11
  defaults : {
12
12
  expose : false, // turn on or off the expose feature
@@ -278,7 +278,7 @@
278
278
  window.Foundation = {
279
279
  name : 'Foundation',
280
280
 
281
- version : '5.4.2',
281
+ version : '5.4.3',
282
282
 
283
283
  media_queries : {
284
284
  small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
@@ -4,7 +4,7 @@
4
4
  Foundation.libs['magellan-expedition'] = {
5
5
  name : 'magellan-expedition',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings : {
10
10
  active_class: 'active',
@@ -12,7 +12,7 @@
12
12
  destination_threshold: 20, // pixels from the top of destination for it to be considered active
13
13
  throttle_delay: 30, // calculation throttling to increase framerate
14
14
  fixed_top: 0 // top distance in pixels assigend to the fixed element on scroll
15
- },
15
+ },
16
16
 
17
17
  init : function (scope, method, options) {
18
18
  Foundation.inherit(this, 'throttle');
@@ -35,10 +35,10 @@
35
35
  settings = expedition.data('magellan-expedition-init'),
36
36
  hash = this.hash.split('#').join(''),
37
37
  target = $("a[name='"+hash+"']");
38
-
38
+
39
39
  if (target.length === 0) {
40
40
  target = $('#'+hash);
41
-
41
+
42
42
  }
43
43
 
44
44
 
@@ -58,7 +58,7 @@
58
58
  });
59
59
  })
60
60
  .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay));
61
-
61
+
62
62
  $(window)
63
63
  .on('resize.fndtn.magellan', self.throttle(this.set_expedition_position.bind(this), settings.throttle_delay));
64
64
  },
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.offcanvas = {
5
5
  name : 'offcanvas',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings : {
10
10
  open_method: 'move',
@@ -402,7 +402,7 @@
402
402
  Foundation.libs.orbit = {
403
403
  name: 'orbit',
404
404
 
405
- version: '5.4.2',
405
+ version: '5.4.3',
406
406
 
407
407
  settings: {
408
408
  animation: 'slide',
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.reveal = {
5
5
  name : 'reveal',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  locked : false,
10
10
 
@@ -210,6 +210,7 @@
210
210
  $.ajax(ajax_settings);
211
211
  }
212
212
  }
213
+ self.S(window).trigger('resize');
213
214
  },
214
215
 
215
216
  close : function (modal) {
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.slider = {
5
5
  name : 'slider',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings: {
10
10
  start: 0,
@@ -136,16 +136,15 @@
136
136
  }
137
137
  $handle.attr('aria-valuenow', value);
138
138
 
139
-
140
- if (settings.input_id != '') {
141
- $(settings.display_selector).each(function(){
142
- if (this.hasOwnProperty('value')) {
143
- $(this).val(value);
144
- } else {
145
- $(this).text(value);
146
- }
147
- });
148
- }
139
+ // if (settings.input_id != '') {
140
+ // $(settings.display_selector).each(function(){
141
+ // if (this.hasOwnProperty('value')) {
142
+ // $(this).val(value);
143
+ // } else {
144
+ // $(this).text(value);
145
+ // }
146
+ // });
147
+ // }
149
148
 
150
149
  },
151
150
 
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.tab = {
5
5
  name : 'tab',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings : {
10
10
  active_class: 'active',
@@ -70,6 +70,7 @@
70
70
  },
71
71
 
72
72
  handle_location_hash_change : function () {
73
+
73
74
  var self = this,
74
75
  S = this.S;
75
76
 
@@ -77,7 +78,13 @@
77
78
  var settings = S(this).data(self.attr_name(true) + '-init');
78
79
  if (settings.deep_linking) {
79
80
  // Match the location hash to a label
80
- var hash = self.scope.location.hash;
81
+ var hash;
82
+ if (settings.scroll_to_content) {
83
+ hash = self.scope.location.hash;
84
+ } else {
85
+ // prefix the hash to prevent anchor scrolling
86
+ hash = self.scope.location.hash.replace('fndtn-', '');
87
+ }
81
88
  if (hash != '') {
82
89
  // Check whether the location hash references a tab content div or
83
90
  // another element on the page (inside or outside the tab content div)
@@ -166,34 +173,21 @@
166
173
  }
167
174
 
168
175
  if (settings.deep_linking) {
169
- // Get the scroll Y position prior to moving to the hash ID
170
- var cur_ypos = $('body,html').scrollTop();
171
-
172
- // Update the location hash to preserve browser history
173
- // Note that the hash does not need to correspond to the
174
- // tab content ID anchor; it can be an ID inside or outside of the tab
175
- // content div.
176
- if (location_hash != undefined) {
177
- window.location.hash = location_hash;
178
- } else {
179
- window.location.hash = target_hash;
180
- }
181
176
 
182
177
  if (settings.scroll_to_content) {
183
- // If the user is requesting the content of a tab, then scroll to the
184
- // top of the title area; otherwise, scroll to the element within
185
- // the content area as defined by the hash value.
178
+ // retain current hash to scroll to content
179
+ window.location.hash = location_hash || target_hash;
186
180
  if (location_hash == undefined || location_hash == target_hash) {
187
181
  tab.parent()[0].scrollIntoView();
188
182
  } else {
189
183
  S(target_hash)[0].scrollIntoView();
190
184
  }
191
185
  } else {
192
- // Adjust the scrollbar to the Y position prior to setting the hash
193
- // Only do this for the tab content anchor, otherwise there will be
194
- // conflicts with in-tab anchor links nested in the tab-content div
195
- if (location_hash == undefined || location_hash == target_hash) {
196
- $('body,html').scrollTop(cur_ypos);
186
+ // prefix the hashes so that the browser doesn't scroll down
187
+ if (location_hash != undefined) {
188
+ window.location.hash = 'fndtn-' + location_hash.replace('#', '');
189
+ } else {
190
+ window.location.hash = 'fndtn-' + target_hash.replace('#', '');
197
191
  }
198
192
  }
199
193
  }
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.tooltip = {
5
5
  name : 'tooltip',
6
6
 
7
- version : '5.4.2',
7
+ version : '5.4.3',
8
8
 
9
9
  settings : {
10
10
  additional_inheritable_classes : [],
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.topbar = {
5
5
  name : 'topbar',
6
6
 
7
- version: '5.4.2',
7
+ version: '5.4.3',
8
8
 
9
9
  settings : {
10
10
  index : 0,
@@ -9,8 +9,8 @@ $rem-base: 16px !default;
9
9
  // We use this to prevent styles from being loaded multiple times for compenents that rely on other components.
10
10
  $modules: () !default;
11
11
  @mixin exports($name) {
12
- @if (index($modules, $name) == false) {
13
- $modules: append($modules, $name);
12
+ @if(not index($modules, $name)) {
13
+ $modules: append($modules, $name) !global;
14
14
  @content;
15
15
  }
16
16
  }
@@ -98,4 +98,4 @@ $modules: () !default;
98
98
  // Deprecated: We'll drop support for this in 5.1.0, use rem-calc()
99
99
  @function em-calc($values){
100
100
  @return rem-calc($values);
101
- }
101
+ }
@@ -86,32 +86,15 @@ $include-html-global-classes: $include-html-classes;
86
86
  // c. Global
87
87
  // - - - - - - - - - - - - - - - - - - - - - - - - -
88
88
 
89
- // We use these to define default font weights
90
- // $font-weight-normal: normal !default;
91
- // $font-weight-bold: bold !default;
92
-
93
- // Global
89
+ // We use these to define default font stacks
90
+ // $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
91
+ // $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
92
+ // $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
94
93
 
95
94
  // We use these to define default font weights
96
95
  // $font-weight-normal: normal !default;
97
96
  // $font-weight-bold: bold !default;
98
97
 
99
- // We use these to control various global styles
100
- // $body-bg: $white;
101
- // $body-font-color: $jet;
102
- // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
103
- // $body-font-weight: $font-weight-normal;
104
- // $body-font-style: normal;
105
-
106
- // We use this to control font-smoothing
107
- // $font-smoothing: antialiased;
108
-
109
- // We use these to control text direction settings
110
- // $text-direction: ltr;
111
- // $opposite-direction: right;
112
- // $default-float: left;
113
- // $last-child-float: $opposite-direction;
114
-
115
98
  // We use these as default colors throughout
116
99
  // $primary-color: #008CBA;
117
100
  // $secondary-color: #e7e7e7;
@@ -140,6 +123,22 @@ $include-html-global-classes: $include-html-classes;
140
123
  // $jet : #222222;
141
124
  // $black : #000000;
142
125
 
126
+ // We use these to control various global styles
127
+ // $body-bg: $white;
128
+ // $body-font-color: $jet;
129
+ // $body-font-family: $font-family-sans-serif;
130
+ // $body-font-weight: $font-weight-normal;
131
+ // $body-font-style: normal;
132
+
133
+ // We use this to control font-smoothing
134
+ // $font-smoothing: antialiased;
135
+
136
+ // We use these to control text direction settings
137
+ // $text-direction: ltr;
138
+ // $opposite-direction: right;
139
+ // $default-float: left;
140
+ // $last-child-float: $opposite-direction;
141
+
143
142
  // We use these to make sure border radius matches unless we want it different.
144
143
  // $global-radius: 3px;
145
144
  // $global-rounded: 1000px;
@@ -245,7 +244,7 @@ $include-html-global-classes: $include-html-classes;
245
244
 
246
245
  // We use these to style <code> tags
247
246
  // $code-color: $oil;
248
- // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
247
+ // $code-font-family: $font-family-monospace;
249
248
  // $code-font-weight: $font-weight-normal;
250
249
  // $code-background-color: scale-color($secondary-color, $lightness: 70%);
251
250
  // $code-border-size: 1px;
@@ -313,7 +312,6 @@ $include-html-global-classes: $include-html-classes;
313
312
  // $microformat-abbr-font-weight: $font-weight-bold;
314
313
  // $microformat-abbr-font-decoration: none;
315
314
 
316
-
317
315
  // 01. Accordion
318
316
  // - - - - - - - - - - - - - - - - - - - - - - - - -
319
317
 
@@ -383,7 +381,6 @@ $include-html-global-classes: $include-html-classes;
383
381
  // $block-grid-default-spacing: rem-calc(20);
384
382
  // $align-block-grid-to-grid: false;
385
383
 
386
-
387
384
  // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
388
385
  // $block-grid-media-queries: true;
389
386
 
@@ -554,6 +551,10 @@ $include-html-global-classes: $include-html-classes;
554
551
  // We use this to control the styles for when the dropdown has custom content.
555
552
  // $f-dropdown-content-padding: rem-calc(20);
556
553
 
554
+ // Default radius for dropdown.
555
+ // $f-dropdown-radius: $global-radius;
556
+
557
+
557
558
  // 09. Dropdown Buttons
558
559
  // - - - - - - - - - - - - - - - - - - - - - - - - -
559
560
 
@@ -677,7 +678,6 @@ $include-html-global-classes: $include-html-classes;
677
678
  // $select-bg-color: $ghost;
678
679
  // $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
679
680
 
680
-
681
681
  // 12. Icon Bar
682
682
  // - - - - - - - - - - - - - - - - - - - - - - - - -
683
683
 
@@ -714,7 +714,7 @@ $include-html-global-classes: $include-html-classes;
714
714
  // We use this to control the list items
715
715
  // $inline-list-display: block;
716
716
 
717
- // We use this to control any elments within list items
717
+ // We use this to control any elements within list items
718
718
  // $inline-list-children-display: block;
719
719
 
720
720
  // 14. Joyride
@@ -730,7 +730,7 @@ $include-html-global-classes: $include-html-classes;
730
730
  // $joyride-tip-radius: 4px;
731
731
  // $joyride-tip-position-offset: 22px;
732
732
 
733
- // Here, we're setting the tip dont styles
733
+ // Here, we're setting the tip font styles
734
734
  // $joyride-tip-font-color: $white;
735
735
  // $joyride-tip-font-size: rem-calc(14);
736
736
  // $joyride-tip-header-weight: $font-weight-bold;
@@ -779,7 +779,7 @@ $include-html-global-classes: $include-html-classes;
779
779
  // $include-html-label-classes: $include-html-classes;
780
780
 
781
781
  // We use these to style the labels
782
- // $label-padding: rem-calc(4 8 6);
782
+ // $label-padding: rem-calc(4 8 4);
783
783
  // $label-radius: $global-radius;
784
784
 
785
785
  // We use these to style the label text
@@ -822,6 +822,7 @@ $include-html-global-classes: $include-html-classes;
822
822
  // Off Canvas Menu Variables
823
823
  // $off-canvas-width: rem-calc(250);
824
824
  // $off-canvas-bg: $oil;
825
+ // $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);
825
826
 
826
827
  // Off Canvas Menu List Variables
827
828
  // $off-canvas-label-padding: 0.3rem rem-calc(15);
@@ -1021,7 +1022,6 @@ $include-html-global-classes: $include-html-classes;
1021
1022
  // $price-cta-align: center;
1022
1023
  // $price-cta-padding: rem-calc(20 20 0);
1023
1024
 
1024
-
1025
1025
  // 23. Progress Bar
1026
1026
  // - - - - - - - - - - - - - - - - - - - - - - - - -
1027
1027
 
@@ -1052,7 +1052,7 @@ $include-html-global-classes: $include-html-classes;
1052
1052
 
1053
1053
  // $include-html-range-slider-classes: $include-html-classes;
1054
1054
 
1055
- // These variabels define the slider bar styles
1055
+ // These variables define the slider bar styles
1056
1056
  // $range-slider-bar-width: 100%;
1057
1057
  // $range-slider-bar-height: rem-calc(16);
1058
1058
 
@@ -1067,7 +1067,7 @@ $include-html-global-classes: $include-html-classes;
1067
1067
  // $range-slider-vertical-bar-width: rem-calc(16);
1068
1068
  // $range-slider-vertical-bar-height: rem-calc(200);
1069
1069
 
1070
- // These variabels define the slider handle styles
1070
+ // These variables define the slider handle styles
1071
1071
  // $range-slider-handle-width: rem-calc(32);
1072
1072
  // $range-slider-handle-height: rem-calc(22);
1073
1073
  // $range-slider-handle-position-top: rem-calc(-5);
@@ -1210,7 +1210,6 @@ $include-html-global-classes: $include-html-classes;
1210
1210
  // $sub-nav-border-radius: 3px;
1211
1211
  // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
1212
1212
 
1213
-
1214
1213
  // We use these to control the active item styles
1215
1214
  // $sub-nav-active-font-weight: $font-weight-normal;
1216
1215
  // $sub-nav-active-bg: $primary-color;
@@ -1222,7 +1221,6 @@ $include-html-global-classes: $include-html-classes;
1222
1221
  // $sub-nav-item-divider: "";
1223
1222
  // $sub-nav-item-divider-margin: rem-calc(12);
1224
1223
 
1225
-
1226
1224
  // 29. Switch
1227
1225
  // - - - - - - - - - - - - - - - - - - - - - - - - -
1228
1226
 
@@ -1289,7 +1287,8 @@ $include-html-global-classes: $include-html-classes;
1289
1287
  // $table-row-font-color: $jet;
1290
1288
  // $table-line-height: rem-calc(18);
1291
1289
 
1292
- // These are for controlling the display and margin of tables
1290
+ // These are for controlling the layout, display and margin of tables
1291
+ // $table-layout: auto;
1293
1292
  // $table-display: table-cell;
1294
1293
  // $table-margin-bottom: rem-calc(20);
1295
1294
 
@@ -61,7 +61,7 @@ $accordion-content-active-bg-color: $white !default;
61
61
  @warn "#{$padding} was read as a #{type-of($padding)}";
62
62
  @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)";
63
63
  padding: $accordion-navigation-padding;
64
- }
64
+ }
65
65
  @else {
66
66
  @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding";
67
67
  padding: null;
@@ -99,10 +99,10 @@ $accordion-content-active-bg-color: $white !default;
99
99
  // @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.
100
100
 
101
101
  @mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){
102
- display: none;
102
+ display: none;
103
103
  @if type-of($padding) != "number" {
104
104
  @warn "#{$padding} was read as a #{type-of($padding)}";
105
- @if $accordion-content-padding != null {
105
+ @if $accordion-content-padding != null {
106
106
  @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead";
107
107
  padding: $accordion-content-padding;
108
108
  } @else {
@@ -127,7 +127,8 @@ $accordion-content-active-bg-color: $white !default;
127
127
  @include exports("accordion") {
128
128
  @if $include-html-accordion-classes {
129
129
  .accordion {
130
- @include clearfix; margin-bottom: 0;
130
+ @include clearfix;
131
+ margin-bottom: 0;
131
132
  .accordion-navigation, dd {
132
133
  display: block;
133
134
  margin-bottom: 0 !important;
@@ -141,7 +142,7 @@ $accordion-content-active-bg-color: $white !default;
141
142
  font-size: $accordion-navigation-font-size;
142
143
  &:hover { background: $accordion-navigation-hover-bg-color; }
143
144
  }
144
-
145
+
145
146
  > .content {
146
147
  display: none;
147
148
  padding: $accordion-content-padding;