foundation-rails 5.4.3.1 → 5.4.3.2

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