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.
- 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;
|