foundation-rails 5.3.1.0 → 5.3.3.0

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 (39) hide show
  1. data/bower.json +2 -2
  2. data/lib/foundation/rails/version.rb +1 -1
  3. data/vendor/assets/_settings.scss +24 -7
  4. data/vendor/assets/javascripts/foundation/foundation.abide.js +23 -28
  5. data/vendor/assets/javascripts/foundation/foundation.accordion.js +5 -5
  6. data/vendor/assets/javascripts/foundation/foundation.alert.js +1 -1
  7. data/vendor/assets/javascripts/foundation/foundation.clearing.js +9 -1
  8. data/vendor/assets/javascripts/foundation/foundation.dropdown.js +2 -2
  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 +55 -15
  12. data/vendor/assets/javascripts/foundation/foundation.magellan.js +12 -5
  13. data/vendor/assets/javascripts/foundation/foundation.offcanvas.js +2 -2
  14. data/vendor/assets/javascripts/foundation/foundation.orbit.js +19 -19
  15. data/vendor/assets/javascripts/foundation/foundation.reveal.js +3 -3
  16. data/vendor/assets/javascripts/foundation/foundation.slider.js +1 -1
  17. data/vendor/assets/javascripts/foundation/foundation.tab.js +1 -1
  18. data/vendor/assets/javascripts/foundation/foundation.tooltip.js +2 -2
  19. data/vendor/assets/javascripts/foundation/foundation.topbar.js +11 -4
  20. data/vendor/assets/stylesheets/foundation.scss +38 -39
  21. data/vendor/assets/stylesheets/foundation/_settings.scss +24 -7
  22. data/vendor/assets/stylesheets/foundation/components/_buttons.scss +52 -29
  23. data/vendor/assets/stylesheets/foundation/components/_dropdown.scss +20 -20
  24. data/vendor/assets/stylesheets/foundation/components/_forms.scss +43 -2
  25. data/vendor/assets/stylesheets/foundation/components/_global.scss +2 -2
  26. data/vendor/assets/stylesheets/foundation/components/_icon-bar.scss +0 -1
  27. data/vendor/assets/stylesheets/foundation/components/_joyride.scss +3 -1
  28. data/vendor/assets/stylesheets/foundation/components/_offcanvas.scss +4 -7
  29. data/vendor/assets/stylesheets/foundation/components/_reveal.scss +25 -27
  30. data/vendor/assets/stylesheets/foundation/components/_switches.scss +3 -3
  31. data/vendor/assets/stylesheets/foundation/components/_tables.scss +4 -0
  32. data/vendor/assets/stylesheets/foundation/components/_tabs.scss +4 -1
  33. data/vendor/assets/stylesheets/foundation/components/_thumbs.scss +0 -2
  34. data/vendor/assets/stylesheets/foundation/components/_toolbar.scss +3 -0
  35. data/vendor/assets/stylesheets/foundation/components/_top-bar.scss +7 -6
  36. data/vendor/assets/stylesheets/foundation/components/_type.scss +12 -2
  37. metadata +29 -14
  38. checksums.yaml +0 -7
  39. data/vendor/assets/stylesheets/foundation/components/_reveal-new.scss +0 -0
@@ -4,7 +4,7 @@
4
4
  Foundation.libs['magellan-expedition'] = {
5
5
  name : 'magellan-expedition',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  settings : {
10
10
  active_class: 'active',
@@ -75,11 +75,16 @@
75
75
  var expedition = $(this),
76
76
  settings = expedition.data('magellan-expedition-init'),
77
77
  styles = expedition.attr('styles'), // save styles
78
- top_offset;
78
+ top_offset, fixed_top;
79
79
 
80
80
  expedition.attr('style', '');
81
81
  top_offset = expedition.offset().top + settings.threshold;
82
82
 
83
+ //set fixed-top by attribute
84
+ fixed_top = parseInt(expedition.data('magellan-fixed-top'));
85
+ if(!isNaN(fixed_top))
86
+ self.settings.fixed_top = fixed_top;
87
+
83
88
  expedition.data(self.data_attr('magellan-top-offset'), top_offset);
84
89
  expedition.attr('style', styles);
85
90
  });
@@ -92,9 +97,11 @@
92
97
  $('[' + this.attr_name() + '=fixed]', self.scope).each(function() {
93
98
  var expedition = $(this),
94
99
  settings = expedition.data('magellan-expedition-init'),
100
+ styles = expedition.attr('style'), // save styles
95
101
  top_offset = expedition.data('magellan-top-offset');
96
102
 
97
- if (window_top_offset >= top_offset) {
103
+ //scroll to the top distance
104
+ if (window_top_offset+self.settings.fixed_top >= top_offset) {
98
105
  // Placeholder allows height calculations to be consistent even when
99
106
  // appearing to switch between fixed/non-fixed placement
100
107
  var placeholder = expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']');
@@ -107,7 +114,7 @@
107
114
  expedition.css({position:'fixed', top: settings.fixed_top});
108
115
  } else {
109
116
  expedition.prev('[' + self.add_namespace('data-magellan-expedition-clone') + ']').remove();
110
- expedition.attr('style','').removeClass('fixed');
117
+ expedition.attr('style',styles).css('position','').css('top','').removeClass('fixed');
111
118
  }
112
119
  });
113
120
  },
@@ -145,7 +152,7 @@
145
152
  var name = $(this).data(self.data_attr('magellan-arrival')),
146
153
  dest = $('[' + self.add_namespace('data-magellan-destination') + '=' + name + ']');
147
154
  if (dest.length > 0) {
148
- var top_offset = dest.offset().top - settings.destination_threshold - expedition.outerHeight();
155
+ var top_offset = Math.floor(dest.offset().top - settings.destination_threshold - expedition.outerHeight());
149
156
  return {
150
157
  destination : dest,
151
158
  arrival : $(this),
@@ -4,11 +4,11 @@
4
4
  Foundation.libs.offcanvas = {
5
5
  name : 'offcanvas',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  settings : {
10
10
  open_method: 'move',
11
- close_on_click: true
11
+ close_on_click: false
12
12
  },
13
13
 
14
14
  init : function (scope, method, options) {
@@ -49,7 +49,7 @@
49
49
  slides_container.wrap('<div class="'+settings.container_class+'"></div>');
50
50
  container = slides_container.parent();
51
51
  slides_container.addClass(settings.slides_container_class);
52
-
52
+
53
53
  if (settings.stack_on_small) {
54
54
  container.addClass(settings.stack_on_small_class);
55
55
  }
@@ -101,7 +101,7 @@
101
101
  if (!settings.circular) return false;
102
102
  next_idx = slides.length - 1;
103
103
  }
104
-
104
+
105
105
  var current = $(slides.get(idx));
106
106
  var next = $(slides.get(next_idx));
107
107
 
@@ -112,7 +112,7 @@
112
112
  slides_container.trigger('before-slide-change.fndtn.orbit');
113
113
  settings.before_slide_change();
114
114
  self.update_active_link(next_idx);
115
-
115
+
116
116
  var callback = function() {
117
117
  var unlock = function() {
118
118
  idx = next_idx;
@@ -133,7 +133,7 @@
133
133
 
134
134
  var start_animation = function() {
135
135
  if (dir === 'next') {animate.next(current, next, callback);}
136
- if (dir === 'prev') {animate.prev(current, next, callback);}
136
+ if (dir === 'prev') {animate.prev(current, next, callback);}
137
137
  };
138
138
 
139
139
  if (next.height() > slides_container.height() && settings.variable_height) {
@@ -142,13 +142,13 @@
142
142
  start_animation();
143
143
  }
144
144
  };
145
-
145
+
146
146
  self.next = function(e) {
147
147
  e.stopImmediatePropagation();
148
148
  e.preventDefault();
149
149
  self._goto(idx + 1);
150
150
  };
151
-
151
+
152
152
  self.prev = function(e) {
153
153
  e.stopImmediatePropagation();
154
154
  e.preventDefault();
@@ -164,7 +164,7 @@
164
164
  }
165
165
  };
166
166
 
167
- self.link_bullet = function(e) {
167
+ self.link_bullet = function(e) {
168
168
  var index = $(this).attr('data-orbit-slide');
169
169
  if ((typeof index === 'string') && (index = $.trim(index)) != "") {
170
170
  if(isNaN(parseInt(index)))
@@ -183,7 +183,7 @@
183
183
  self.timer_callback = function() {
184
184
  self._goto(idx + 1, true);
185
185
  }
186
-
186
+
187
187
  self.compute_dimensions = function() {
188
188
  var current = $(self.slides().get(idx));
189
189
  var h = current.height();
@@ -197,8 +197,8 @@
197
197
 
198
198
  self.create_timer = function() {
199
199
  var t = new Timer(
200
- container.find('.'+settings.timer_container_class),
201
- settings,
200
+ container.find('.'+settings.timer_container_class),
201
+ settings,
202
202
  self.timer_callback
203
203
  );
204
204
  return t;
@@ -212,7 +212,7 @@
212
212
  var t = container.find('.'+settings.timer_container_class);
213
213
  if (t.hasClass(settings.timer_paused_class)) {
214
214
  if (typeof timer === 'undefined') {timer = self.create_timer();}
215
- timer.start();
215
+ timer.start();
216
216
  }
217
217
  else {
218
218
  if (typeof timer === 'object') {timer.stop();}
@@ -222,12 +222,12 @@
222
222
  self.init = function() {
223
223
  self.build_markup();
224
224
  if (settings.timer) {
225
- timer = self.create_timer();
225
+ timer = self.create_timer();
226
226
  Foundation.utils.image_loaded(this.slides().children('img'), timer.start);
227
227
  }
228
228
  animate = new FadeAnimation(settings, slides_container);
229
- if (settings.animation === 'slide')
230
- animate = new SlideAnimation(settings, slides_container);
229
+ if (settings.animation === 'slide')
230
+ animate = new SlideAnimation(settings, slides_container);
231
231
 
232
232
  container.on('click', '.'+settings.next_class, self.next);
233
233
  container.on('click', '.'+settings.prev_class, self.prev);
@@ -286,7 +286,7 @@
286
286
  timer.start();
287
287
  }
288
288
  });
289
-
289
+
290
290
  $(document).on('click', '[data-orbit-link]', self.link_custom);
291
291
  $(window).on('load resize', self.compute_dimensions);
292
292
  Foundation.utils.image_loaded(this.slides().children('img'), self.compute_dimensions);
@@ -305,7 +305,7 @@
305
305
  var self = this,
306
306
  duration = settings.timer_speed,
307
307
  progress = el.find('.'+settings.timer_progress_class),
308
- start,
308
+ start,
309
309
  timeout,
310
310
  left = -1;
311
311
 
@@ -348,7 +348,7 @@
348
348
  el.trigger('timer-stopped.fndtn.orbit');
349
349
  };
350
350
  };
351
-
351
+
352
352
  var SlideAnimation = function(settings, container) {
353
353
  var duration = settings.animation_speed;
354
354
  var is_rtl = ($('html[dir=rtl]').length === 1);
@@ -447,7 +447,7 @@
447
447
 
448
448
  events : function (instance) {
449
449
  var orbit_instance = new Orbit(this.S(instance), this.S(instance).data('orbit-init'));
450
- this.S(instance).data(self.name + '-instance', orbit_instance);
450
+ this.S(instance).data(this.name + '-instance', orbit_instance);
451
451
  },
452
452
 
453
453
  reflow : function () {
@@ -468,5 +468,5 @@
468
468
  }
469
469
  };
470
470
 
471
-
471
+
472
472
  }(jQuery, window, window.document));
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.reveal = {
5
5
  name : 'reveal',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  locked : false,
10
10
 
@@ -66,7 +66,7 @@
66
66
  });
67
67
 
68
68
  S(document)
69
- .on('touchend.fndtn.reveal click.fndtn.reveal', this.close_targets(), function (e) {
69
+ .on('click.fndtn.reveal', this.close_targets(), function (e) {
70
70
 
71
71
  e.preventDefault();
72
72
 
@@ -117,7 +117,7 @@
117
117
  // PATCH #1: fixing multiple keyup event trigger from single key press
118
118
  self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) {
119
119
  var open_modal = self.S('[' + self.attr_name() + '].open'),
120
- settings = open_modal.data(self.attr_name(true) + '-init');
120
+ settings = open_modal.data(self.attr_name(true) + '-init') || self.settings ;
121
121
  // PATCH #2: making sure that the close event can be called only while unlocked,
122
122
  // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window.
123
123
  if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.slider = {
5
5
  name : 'slider',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  settings: {
10
10
  start: 0,
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.tab = {
5
5
  name : 'tab',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  settings : {
10
10
  active_class: 'active',
@@ -4,7 +4,7 @@
4
4
  Foundation.libs.tooltip = {
5
5
  name : 'tooltip',
6
6
 
7
- version : '5.3.1',
7
+ version : '5.3.3',
8
8
 
9
9
  settings : {
10
10
  additional_inheritable_classes : [],
@@ -280,7 +280,7 @@
280
280
 
281
281
  $tip.fadeOut(150, function() {
282
282
  $tip.find('.tap-to-close').remove();
283
- $tip.off('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose');
283
+ $tip.off('click.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose');
284
284
  $target.removeClass('open');
285
285
  });
286
286
  },
@@ -4,13 +4,14 @@
4
4
  Foundation.libs.topbar = {
5
5
  name : 'topbar',
6
6
 
7
- version: '5.3.1',
7
+ version: '5.3.3',
8
8
 
9
9
  settings : {
10
10
  index : 0,
11
11
  sticky_class : 'sticky',
12
12
  custom_back_text: true,
13
13
  back_text: 'Back',
14
+ mobile_show_parent_link: true,
14
15
  is_hover: true,
15
16
  scrolltop : true, // jump to top when sticky nav menu toggle is clicked
16
17
  sticky_on : 'all'
@@ -232,7 +233,7 @@
232
233
  self.resize.call(self);
233
234
  }, 50)).trigger('resize').trigger('resize.fndtn.topbar');
234
235
 
235
- S('body').off('.topbar').on('click.fndtn.topbar touchstart.fndtn.topbar', function (e) {
236
+ S('body').off('.topbar').on('click.fndtn.topbar', function (e) {
236
237
  var parent = S(e.target).closest('li').closest('li.hover');
237
238
 
238
239
  if (parent.length > 0) {
@@ -348,9 +349,15 @@
348
349
  url = $link.attr('href'),
349
350
  $titleLi;
350
351
 
352
+
351
353
  if (!$dropdown.find('.title.back').length) {
352
- $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li>');
353
-
354
+
355
+ if (settings.mobile_show_parent_link == true && url) {
356
+ $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link show-for-small"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
357
+ } else {
358
+ $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>');
359
+ }
360
+
354
361
  // Copy link to subnav
355
362
  if (settings.custom_back_text == true) {
356
363
  $('h5>a', $titleLi).html(settings.back_text);
@@ -1,46 +1,45 @@
1
+ @charset "UTF-8";
1
2
  // Foundation by ZURB
2
3
  // foundation.zurb.com
3
4
  // Licensed under MIT Open Source
4
5
 
5
6
  // Make sure the charset is set appropriately
6
- @charset "UTF-8";
7
7
 
8
8
  // Behold, here are all the Foundation components.
9
- @import
10
- "foundation/components/grid",
11
- "foundation/components/accordion",
12
- "foundation/components/alert-boxes",
13
- "foundation/components/block-grid",
14
- "foundation/components/breadcrumbs",
15
- "foundation/components/button-groups",
16
- "foundation/components/buttons",
17
- "foundation/components/clearing",
18
- "foundation/components/dropdown",
19
- "foundation/components/dropdown-buttons",
20
- "foundation/components/flex-video",
21
- "foundation/components/forms",
22
- "foundation/components/icon-bar",
23
- "foundation/components/inline-lists",
24
- "foundation/components/joyride",
25
- "foundation/components/keystrokes",
26
- "foundation/components/labels",
27
- "foundation/components/magellan",
28
- "foundation/components/orbit",
29
- "foundation/components/pagination",
30
- "foundation/components/panels",
31
- "foundation/components/pricing-tables",
32
- "foundation/components/progress-bars",
33
- "foundation/components/range-slider",
34
- "foundation/components/reveal",
35
- "foundation/components/side-nav",
36
- "foundation/components/split-buttons",
37
- "foundation/components/sub-nav",
38
- "foundation/components/switches",
39
- "foundation/components/tables",
40
- "foundation/components/tabs",
41
- "foundation/components/thumbs",
42
- "foundation/components/tooltips",
43
- "foundation/components/top-bar",
44
- "foundation/components/type",
45
- "foundation/components/offcanvas",
46
- "foundation/components/visibility";
9
+ @import "foundation/components/grid";
10
+ @import "foundation/components/accordion";
11
+ @import "foundation/components/alert-boxes";
12
+ @import "foundation/components/block-grid";
13
+ @import "foundation/components/breadcrumbs";
14
+ @import "foundation/components/button-groups";
15
+ @import "foundation/components/buttons";
16
+ @import "foundation/components/clearing";
17
+ @import "foundation/components/dropdown";
18
+ @import "foundation/components/dropdown-buttons";
19
+ @import "foundation/components/flex-video";
20
+ @import "foundation/components/forms";
21
+ @import "foundation/components/icon-bar";
22
+ @import "foundation/components/inline-lists";
23
+ @import "foundation/components/joyride";
24
+ @import "foundation/components/keystrokes";
25
+ @import "foundation/components/labels";
26
+ @import "foundation/components/magellan";
27
+ @import "foundation/components/orbit";
28
+ @import "foundation/components/pagination";
29
+ @import "foundation/components/panels";
30
+ @import "foundation/components/pricing-tables";
31
+ @import "foundation/components/progress-bars";
32
+ @import "foundation/components/range-slider";
33
+ @import "foundation/components/reveal";
34
+ @import "foundation/components/side-nav";
35
+ @import "foundation/components/split-buttons";
36
+ @import "foundation/components/sub-nav";
37
+ @import "foundation/components/switches";
38
+ @import "foundation/components/tables";
39
+ @import "foundation/components/tabs";
40
+ @import "foundation/components/thumbs";
41
+ @import "foundation/components/tooltips";
42
+ @import "foundation/components/top-bar";
43
+ @import "foundation/components/type";
44
+ @import "foundation/components/offcanvas";
45
+ @import "foundation/components/visibility";
@@ -171,9 +171,14 @@ $primary-color: #008CBA;
171
171
  // $paragraph-text-rendering: optimizeLegibility;
172
172
 
173
173
  // We use these to style <code> tags
174
- // $code-color: scale-color($alert-color, $lightness: -27%);
174
+ // $code-color: #333;
175
175
  // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
176
- // $code-font-weight: $font-weight-bold;
176
+ // $code-font-weight: $font-weight-normal;
177
+ // $code-background-color: scale-color($secondary-color, $lightness: 70%);
178
+ // $code-border-size: 1px;
179
+ // $code-border-style: solid;
180
+ // $code-border-color: scale-color($code-background-color, $lightness: -10%);
181
+ // $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
177
182
 
178
183
  // We use these to style anchors
179
184
  // $anchor-text-decoration: none;
@@ -365,18 +370,26 @@ $primary-color: #008CBA;
365
370
  // We use these to control various hover effects.
366
371
  // $button-function-factor: -20%;
367
372
 
368
- // We use these to control button border styles.
373
+ // We use these to control button border and hover styles.
369
374
  // $button-border-width: 0px;
370
375
  // $button-border-style: solid;
371
- // $button-bg: $primary-color;
372
- // $button-border-color: scale-color($button-bg, $lightness: $button-function-factor);
376
+ // $button-bg-color: $primary-color;
377
+ // $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);
378
+ // $button-border-color: $button-bg-hover;
379
+ // $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);
380
+ // $secondary-button-border-color: $secondary-button-bg-hover;
381
+ // $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);
382
+ // $success-button-border-color: $success-button-bg-hover;
383
+ // $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);
384
+ // $alert-button-border-color: $alert-button-bg-hover;
373
385
 
374
386
  // We use this to set the default radius used throughout the core.
375
387
  // $button-radius: $global-radius;
376
388
  // $button-round: $global-rounded;
377
389
 
378
- // We use this to set default opacity for disabled buttons.
390
+ // We use this to set default opacity and cursor for disabled buttons.
379
391
  // $button-disabled-opacity: 0.7;
392
+ // $button-disabled-cursor: $cursor-default-value;
380
393
 
381
394
  // Button Groups
382
395
 
@@ -536,8 +549,8 @@ $primary-color: #008CBA;
536
549
  // $input-border-width: 1px;
537
550
  // $input-border-radius: $global-radius;
538
551
  // $input-disabled-bg: #ddd;
552
+ // $input-disabled-cursor: $cursor-default-value;
539
553
  // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
540
- // $input-include-glowing-effect: true;
541
554
 
542
555
  // We use these to style the fieldset border and spacing.
543
556
  // $fieldset-border-style: solid;
@@ -560,6 +573,9 @@ $primary-color: #008CBA;
560
573
  // $input-prefix-font-color: #333;
561
574
  // $input-prefix-font-color-alt: #fff;
562
575
 
576
+ // We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
577
+ // $input-number-spinners: true;
578
+
563
579
  // We use these to style the error states for inputs and labels
564
580
  // $input-error-message-padding: rem-calc(6 9 9);
565
581
  // $input-error-message-top: -1px;
@@ -570,6 +586,7 @@ $primary-color: #008CBA;
570
586
  // $input-error-message-font-color-alt: #333;
571
587
 
572
588
  // We use this to style the glowing effect of inputs when focused
589
+ // $input-include-glowing-effect: true;
573
590
  // $glowing-effect-fade-time: 0.45s;
574
591
  // $glowing-effect-color: $input-focus-border-color;
575
592