foundation-rails 5.3.1.0 → 5.3.3.0

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