foundation-rails 6.2.3.0 → 6.2.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/bower.json +1 -1
- data/lib/foundation/rails/version.rb +1 -1
- data/lib/generators/foundation/templates/_settings.scss +7 -0
- data/vendor/assets/js/foundation.accordion.js.es6 +13 -24
- data/vendor/assets/js/foundation.accordionMenu.js.es6 +9 -10
- data/vendor/assets/js/foundation.core.js.es6 +1 -1
- data/vendor/assets/js/foundation.drilldown.js.es6 +21 -9
- data/vendor/assets/js/foundation.dropdown.js.es6 +11 -8
- data/vendor/assets/js/foundation.dropdownMenu.js.es6 +46 -21
- data/vendor/assets/js/foundation.equalizer.js.es6 +3 -1
- data/vendor/assets/js/foundation.interchange.js.es6 +1 -1
- data/vendor/assets/js/foundation.magellan.js.es6 +3 -1
- data/vendor/assets/js/foundation.offcanvas.js.es6 +41 -27
- data/vendor/assets/js/foundation.orbit.js.es6 +23 -15
- data/vendor/assets/js/foundation.reveal.js.es6 +10 -3
- data/vendor/assets/js/foundation.slider.js.es6 +1 -1
- data/vendor/assets/js/foundation.sticky.js.es6 +18 -7
- data/vendor/assets/js/foundation.tooltip.js.es6 +2 -1
- data/vendor/assets/js/foundation.util.box.js.es6 +2 -2
- data/vendor/assets/js/foundation.util.mediaQuery.js.es6 +1 -1
- data/vendor/assets/js/foundation.util.nest.js.es6 +1 -1
- data/vendor/assets/js/foundation.util.timerAndImageLoader.js.es6 +1 -1
- data/vendor/assets/js/foundation.util.triggers.js.es6 +1 -1
- data/vendor/assets/scss/components/_button.scss +24 -6
- data/vendor/assets/scss/components/_drilldown.scss +1 -1
- data/vendor/assets/scss/components/_off-canvas.scss +1 -0
- data/vendor/assets/scss/components/_orbit.scss +1 -0
- data/vendor/assets/scss/components/_pagination.scss +13 -2
- data/vendor/assets/scss/components/_reveal.scss +3 -3
- data/vendor/assets/scss/components/_switch.scss +4 -0
- data/vendor/assets/scss/components/_table.scss +39 -4
- data/vendor/assets/scss/components/_title-bar.scss +0 -4
- data/vendor/assets/scss/components/_top-bar.scss +4 -2
- data/vendor/assets/scss/forms/_input-group.scss +4 -3
- data/vendor/assets/scss/forms/_meter.scss +3 -1
- data/vendor/assets/scss/forms/_progress.scss +9 -0
- data/vendor/assets/scss/forms/_text.scss +6 -2
- data/vendor/assets/scss/foundation.scss +1 -1
- data/vendor/assets/scss/grid/_classes.scss +14 -10
- data/vendor/assets/scss/grid/_flex-grid.scss +19 -9
- data/vendor/assets/scss/grid/_layout.scss +27 -2
- data/vendor/assets/scss/grid/_position.scss +4 -1
- data/vendor/assets/scss/grid/_row.scss +1 -2
- data/vendor/assets/scss/settings/_settings.scss +7 -0
- data/vendor/assets/scss/util/_breakpoint.scss +12 -15
- data/vendor/assets/scss/util/_color.scss +13 -0
- data/vendor/assets/scss/util/_mixins.scss +6 -2
- data/vendor/assets/scss/util/_unit.scss +5 -0
- metadata +2 -2
@@ -29,7 +29,7 @@
|
|
29
29
|
}
|
30
30
|
|
31
31
|
// Restore the old column count
|
32
|
-
$grid-column-count: $old-grid-column-count;
|
32
|
+
$grid-column-count: $old-grid-column-count !global;
|
33
33
|
}
|
34
34
|
|
35
35
|
/// Creates a grid row.
|
@@ -82,7 +82,6 @@
|
|
82
82
|
@if type-of($gutter) == 'number' {
|
83
83
|
$gutter: ($-zf-zero-breakpoint: $gutter);
|
84
84
|
}
|
85
|
-
max-width: none;
|
86
85
|
|
87
86
|
@each $breakpoint, $value in $gutter {
|
88
87
|
$margin: rem-calc($value) / 2 * -1;
|
@@ -248,6 +248,8 @@ $button-sizes: (
|
|
248
248
|
large: 1.25rem,
|
249
249
|
);
|
250
250
|
$button-opacity-disabled: 0.25;
|
251
|
+
$button-background-hover-lightness: -20%;
|
252
|
+
$button-hollow-hover-lightness: -50%;
|
251
253
|
|
252
254
|
// 12. Button Group
|
253
255
|
// ----------------
|
@@ -356,6 +358,7 @@ $input-cursor-disabled: not-allowed;
|
|
356
358
|
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
|
357
359
|
$input-number-spinners: true;
|
358
360
|
$input-radius: $global-radius;
|
361
|
+
$button-radius: $global-radius;
|
359
362
|
|
360
363
|
// 20. Label
|
361
364
|
// ---------
|
@@ -436,6 +439,7 @@ $pagination-item-color-current: foreground($pagination-item-background-current);
|
|
436
439
|
$pagination-item-color-disabled: $medium-gray;
|
437
440
|
$pagination-ellipsis-color: $black;
|
438
441
|
$pagination-mobile-items: false;
|
442
|
+
$pagination-mobile-current-item: false;
|
439
443
|
$pagination-arrows: true;
|
440
444
|
|
441
445
|
// 27. Progress Bar
|
@@ -502,8 +506,11 @@ $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-h
|
|
502
506
|
$table-striped-background: smart-scale($table-background, $table-color-scale);
|
503
507
|
$table-stripe: even;
|
504
508
|
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
|
509
|
+
$table-head-row-hover: darken($table-head-background, $table-hover-scale);
|
505
510
|
$table-foot-background: smart-scale($table-background, $table-color-scale);
|
511
|
+
$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
|
506
512
|
$table-head-font-color: $body-font-color;
|
513
|
+
$table-foot-font-color: $body-font-color;
|
507
514
|
$show-header-for-stacked: false;
|
508
515
|
|
509
516
|
// 32. Tabs
|
@@ -175,29 +175,26 @@ $breakpoint-classes: (small medium large) !default;
|
|
175
175
|
///
|
176
176
|
/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
|
177
177
|
@function -zf-map-next($map, $key) {
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
$i:
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
$found: true;
|
188
|
-
}
|
189
|
-
$i: $i + 1;
|
190
|
-
}
|
178
|
+
|
179
|
+
// Store the keys of the map as a list
|
180
|
+
$values: map-keys($map);
|
181
|
+
|
182
|
+
$i: 0;
|
183
|
+
|
184
|
+
// If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map
|
185
|
+
@if (map-has-key($map, $key)) {
|
186
|
+
$i: index($values, $key) + 1;
|
191
187
|
}
|
192
188
|
|
193
189
|
// If the key doesn't exist, or it's the last key in the map, return null
|
194
|
-
@if $i > length($map) {
|
190
|
+
@if ($i > length($map) or $i == 0) {
|
195
191
|
@return null;
|
196
192
|
}
|
197
193
|
// Otherwise, return the value
|
198
194
|
@else {
|
199
|
-
@return nth($values, $i);
|
195
|
+
@return map-get($map, nth($values, $i));
|
200
196
|
}
|
197
|
+
|
201
198
|
}
|
202
199
|
|
203
200
|
/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.
|
@@ -40,6 +40,19 @@
|
|
40
40
|
@return scale-color($color, $lightness: $scale);
|
41
41
|
}
|
42
42
|
|
43
|
+
/// Get color from foundation-palette
|
44
|
+
///
|
45
|
+
/// @param {key} color key from foundation-palette
|
46
|
+
///
|
47
|
+
/// @returns {Color} color from foundation-palette
|
48
|
+
@function get-color($key) {
|
49
|
+
@if map-has-key($foundation-palette, $key) {
|
50
|
+
@return map-get($foundation-palette, $key);
|
51
|
+
} @else {
|
52
|
+
@error 'given $key is not available in $foundation-palette';
|
53
|
+
}
|
54
|
+
}
|
55
|
+
|
43
56
|
/// Transfers the colors in the `$foundation-palette` variable into the legacy color variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
|
44
57
|
@mixin add-foundation-colors() {
|
45
58
|
@if map-has-key($foundation-palette, primary) {
|
@@ -65,7 +65,11 @@
|
|
65
65
|
$hover-shadow: ();
|
66
66
|
|
67
67
|
// Spacing between bars is calculated based on the total height of the icon and the weight of each bar
|
68
|
-
$spacing:
|
68
|
+
$spacing: ($height - ($weight * $bars)) / ($bars - 1);
|
69
|
+
|
70
|
+
@if unit($spacing) == 'px' {
|
71
|
+
$spacing: floor($spacing);
|
72
|
+
}
|
69
73
|
|
70
74
|
// Icon container
|
71
75
|
position: relative;
|
@@ -114,7 +118,7 @@
|
|
114
118
|
///
|
115
119
|
/// @param {Color} $color [$black] - Color to use for the triangle.
|
116
120
|
@mixin background-triangle($color: $black) {
|
117
|
-
$rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%29';
|
121
|
+
$rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';
|
118
122
|
|
119
123
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #{$rgb}'></polygon></svg>");
|
120
124
|
|
@@ -39,6 +39,11 @@ $global-font-size: 100% !default;
|
|
39
39
|
@if unit($base) == '%' {
|
40
40
|
$base: ($base / 100%) * 16px;
|
41
41
|
}
|
42
|
+
|
43
|
+
// Using rem as base allows correct scaling
|
44
|
+
@if unit($base) == 'rem' {
|
45
|
+
$base: strip-unit($base) * 16px;
|
46
|
+
}
|
42
47
|
|
43
48
|
@if $count == 1 {
|
44
49
|
@return -zf-to-rem($values, $base);
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: foundation-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.2.
|
4
|
+
version: 6.2.4.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- ZURB
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-
|
11
|
+
date: 2016-10-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|