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.
- data/bower.json +2 -2
- data/lib/foundation/rails/version.rb +1 -1
- data/vendor/assets/_settings.scss +33 -34
- data/vendor/assets/javascripts/foundation/foundation.abide.js +18 -13
- data/vendor/assets/javascripts/foundation/foundation.accordion.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.alert.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.clearing.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.dropdown.js +30 -27
- data/vendor/assets/javascripts/foundation/foundation.equalizer.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.interchange.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.joyride.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.magellan.js +5 -5
- data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.orbit.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.reveal.js +2 -1
- data/vendor/assets/javascripts/foundation/foundation.slider.js +10 -11
- data/vendor/assets/javascripts/foundation/foundation.tab.js +16 -22
- data/vendor/assets/javascripts/foundation/foundation.tooltip.js +1 -1
- data/vendor/assets/javascripts/foundation/foundation.topbar.js +1 -1
- data/vendor/assets/stylesheets/foundation/_functions.scss +3 -3
- data/vendor/assets/stylesheets/foundation/_settings.scss +33 -34
- data/vendor/assets/stylesheets/foundation/components/_accordion.scss +6 -5
- data/vendor/assets/stylesheets/foundation/components/_button-groups.scss +21 -23
- data/vendor/assets/stylesheets/foundation/components/_buttons.scss +8 -0
- data/vendor/assets/stylesheets/foundation/components/_dropdown.scss +23 -10
- data/vendor/assets/stylesheets/foundation/components/_global.scss +8 -3
- data/vendor/assets/stylesheets/foundation/components/_labels.scss +2 -1
- data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +22 -19
- data/vendor/assets/stylesheets/foundation/components/_panels.scss +2 -0
- data/vendor/assets/stylesheets/foundation/components/_reveal.scss +2 -2
- data/vendor/assets/stylesheets/foundation/components/_switches.scss +1 -1
- data/vendor/assets/stylesheets/foundation/components/_tables.scss +3 -3
- data/vendor/assets/stylesheets/foundation/components/_tooltips.scss +1 -1
- data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +2 -1
- data/vendor/assets/stylesheets/foundation/components/_type.scss +1 -1
- metadata +4 -4
@@ -4,7 +4,7 @@
|
|
4
4
|
Foundation.libs['magellan-expedition'] = {
|
5
5
|
name : 'magellan-expedition',
|
6
6
|
|
7
|
-
version : '5.4.
|
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.reveal = {
|
5
5
|
name : 'reveal',
|
6
6
|
|
7
|
-
version : '5.4.
|
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.
|
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
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
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.
|
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
|
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
|
-
//
|
184
|
-
|
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
|
-
//
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
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
|
}
|
@@ -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
|
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
|
90
|
-
// $font-
|
91
|
-
// $font-
|
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:
|
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
|
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
|
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
|
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
|
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
|
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;
|
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;
|