foundation-rails 6.6.2.0 → 6.9.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.ruby-version +1 -1
- data/.travis.yml +2 -0
- data/Appraisals +4 -0
- data/Gemfile +1 -1
- data/Gemfile.lock +198 -145
- data/bower.json +3 -3
- data/foundation-rails.gemspec +4 -4
- data/gemfiles/rails_7.1.gemfile +10 -0
- data/gemfiles/rails_7.1.gemfile.lock +261 -0
- data/lib/foundation/rails/version.rb +1 -1
- data/lib/generators/foundation/templates/_settings.scss +32 -28
- data/vendor/assets/js/foundation.cjs.js +1996 -3162
- data/vendor/assets/js/foundation.cjs.js.map +1 -1
- data/vendor/assets/js/foundation.es6.js +385 -292
- data/vendor/assets/js/foundation.es6.js.map +1 -1
- data/vendor/assets/js/foundation.esm.js +1663 -2832
- data/vendor/assets/js/foundation.esm.js.map +1 -1
- data/vendor/assets/js/foundation.js +2440 -3870
- data/vendor/assets/js/foundation.js.map +1 -1
- data/vendor/assets/js/foundation.min.js +1 -1
- data/vendor/assets/js/foundation.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.abide.js +238 -344
- data/vendor/assets/js/plugins/foundation.abide.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.abide.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.abide.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.js +197 -275
- data/vendor/assets/js/plugins/foundation.accordion.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.accordion.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.js +174 -260
- data/vendor/assets/js/plugins/foundation.accordionMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.accordionMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.core.js +308 -447
- data/vendor/assets/js/plugins/foundation.core.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.core.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.core.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.js +258 -358
- data/vendor/assets/js/plugins/foundation.drilldown.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.drilldown.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.js +289 -457
- data/vendor/assets/js/plugins/foundation.dropdown.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.dropdown.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.js +246 -346
- data/vendor/assets/js/plugins/foundation.dropdownMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.js +178 -261
- data/vendor/assets/js/plugins/foundation.equalizer.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.equalizer.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.js +227 -326
- data/vendor/assets/js/plugins/foundation.interchange.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.interchange.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.js +225 -336
- data/vendor/assets/js/plugins/foundation.magellan.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.magellan.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.js +326 -471
- data/vendor/assets/js/plugins/foundation.offcanvas.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.offcanvas.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.js +244 -347
- data/vendor/assets/js/plugins/foundation.orbit.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.orbit.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js +203 -278
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.js +205 -255
- data/vendor/assets/js/plugins/foundation.responsiveMenu.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.js +170 -226
- data/vendor/assets/js/plugins/foundation.responsiveToggle.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.js +284 -444
- data/vendor/assets/js/plugins/foundation.reveal.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.reveal.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.slider.js +322 -483
- data/vendor/assets/js/plugins/foundation.slider.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.slider.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.slider.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.js +138 -188
- data/vendor/assets/js/plugins/foundation.smoothScroll.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.smoothScroll.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.js +253 -394
- data/vendor/assets/js/plugins/foundation.sticky.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.sticky.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.js +228 -317
- data/vendor/assets/js/plugins/foundation.tabs.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.tabs.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.js +207 -294
- data/vendor/assets/js/plugins/foundation.toggler.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.toggler.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.js +275 -434
- data/vendor/assets/js/plugins/foundation.tooltip.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.tooltip.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.js +130 -186
- data/vendor/assets/js/plugins/foundation.util.box.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.box.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.js +110 -150
- data/vendor/assets/js/plugins/foundation.util.imageLoader.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.js +157 -172
- data/vendor/assets/js/plugins/foundation.util.keyboard.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.keyboard.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.js +167 -233
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.js +123 -161
- data/vendor/assets/js/plugins/foundation.util.motion.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.motion.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.js +123 -160
- data/vendor/assets/js/plugins/foundation.util.nest.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.nest.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.js +116 -171
- data/vendor/assets/js/plugins/foundation.util.timer.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.timer.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.js +172 -228
- data/vendor/assets/js/plugins/foundation.util.touch.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.touch.min.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.js +158 -222
- data/vendor/assets/js/plugins/foundation.util.triggers.js.map +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.min.js +1 -1
- data/vendor/assets/js/plugins/foundation.util.triggers.min.js.map +1 -1
- data/vendor/assets/scss/_global.scss +18 -5
- data/vendor/assets/scss/components/_accordion-menu.scss +2 -2
- data/vendor/assets/scss/components/_badge.scss +1 -1
- data/vendor/assets/scss/components/_breadcrumbs.scss +2 -1
- data/vendor/assets/scss/components/_button-group.scss +13 -8
- data/vendor/assets/scss/components/_button.scss +13 -13
- data/vendor/assets/scss/components/_callout.scss +2 -2
- data/vendor/assets/scss/components/_close-button.scss +5 -4
- data/vendor/assets/scss/components/_dropdown-menu.scss +1 -1
- data/vendor/assets/scss/components/_label.scss +1 -1
- data/vendor/assets/scss/components/_menu.scss +54 -19
- data/vendor/assets/scss/components/_off-canvas.scss +18 -16
- data/vendor/assets/scss/components/_orbit.scss +3 -3
- data/vendor/assets/scss/components/_pagination.scss +1 -1
- data/vendor/assets/scss/components/_progress-bar.scss +1 -1
- data/vendor/assets/scss/components/_responsive-embed.scss +1 -1
- data/vendor/assets/scss/components/_reveal.scss +8 -3
- data/vendor/assets/scss/components/_slider.scss +5 -2
- data/vendor/assets/scss/components/_switch.scss +25 -2
- data/vendor/assets/scss/components/_table.scss +8 -7
- data/vendor/assets/scss/components/_tabs.scss +2 -2
- data/vendor/assets/scss/components/_top-bar.scss +7 -5
- data/vendor/assets/scss/components/_visibility.scss +45 -2
- data/vendor/assets/scss/forms/_label.scss +2 -1
- data/vendor/assets/scss/forms/_progress.scss +1 -1
- data/vendor/assets/scss/forms/_range.scss +1 -1
- data/vendor/assets/scss/forms/_select.scss +5 -4
- data/vendor/assets/scss/forms/_text.scss +2 -2
- data/vendor/assets/scss/foundation.scss +1 -1
- data/vendor/assets/scss/grid/_classes.scss +1 -1
- data/vendor/assets/scss/grid/_column.scss +3 -2
- data/vendor/assets/scss/grid/_flex-grid.scss +7 -6
- data/vendor/assets/scss/grid/_gutter.scss +1 -1
- data/vendor/assets/scss/grid/_layout.scss +5 -5
- data/vendor/assets/scss/grid/_position.scss +4 -4
- data/vendor/assets/scss/grid/_row.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_animation.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_series.scss +1 -1
- data/vendor/assets/scss/motion-ui/util/_unit.scss +54 -1
- data/vendor/assets/scss/prototype/_border-none.scss +1 -1
- data/vendor/assets/scss/prototype/_font-styling.scss +2 -2
- data/vendor/assets/scss/prototype/_overflow.scss +9 -0
- data/vendor/assets/scss/prototype/_rotate.scss +7 -5
- data/vendor/assets/scss/prototype/_separator.scss +5 -5
- data/vendor/assets/scss/prototype/_shadow.scss +1 -2
- data/vendor/assets/scss/prototype/_spacing.scss +33 -33
- data/vendor/assets/scss/prototype/_text-transformation.scss +3 -3
- data/vendor/assets/scss/settings/_settings.scss +32 -28
- data/vendor/assets/scss/typography/_base.scss +6 -6
- data/vendor/assets/scss/typography/_helpers.scss +10 -2
- data/vendor/assets/scss/typography/_print.scss +2 -2
- data/vendor/assets/scss/util/_breakpoint.scss +21 -18
- data/vendor/assets/scss/util/_color.scss +20 -8
- data/vendor/assets/scss/util/_direction.scss +1 -1
- data/vendor/assets/scss/util/_flex.scss +1 -1
- data/vendor/assets/scss/util/_math.scss +61 -9
- data/vendor/assets/scss/util/_mixins.scss +18 -14
- data/vendor/assets/scss/util/_selector.scss +1 -15
- data/vendor/assets/scss/util/_typography.scss +6 -6
- data/vendor/assets/scss/util/_unit.scss +14 -8
- data/vendor/assets/scss/util/_value.scss +3 -18
- data/vendor/assets/scss/vendor/normalize.scss +19 -2
- data/vendor/assets/scss/xy-grid/_cell.scss +16 -5
- data/vendor/assets/scss/xy-grid/_classes.scss +8 -8
- data/vendor/assets/scss/xy-grid/_frame.scss +12 -0
- data/vendor/assets/scss/xy-grid/_grid.scss +2 -2
- data/vendor/assets/scss/xy-grid/_gutters.scss +2 -2
- data/vendor/assets/scss/xy-grid/_layout.scss +1 -1
- data/vendor/assets/scss/xy-grid/_position.scss +12 -7
- data/vendor/assets/scss/xy-grid/_xy-grid.scss +2 -2
- metadata +21 -19
@@ -2,6 +2,10 @@
|
|
2
2
|
// https://get.foundation
|
3
3
|
// Licensed under MIT Open Source
|
4
4
|
|
5
|
+
@import 'math';
|
6
|
+
|
7
|
+
$unit-warnings: true !default;
|
8
|
+
|
5
9
|
////
|
6
10
|
/// @group functions
|
7
11
|
////
|
@@ -14,7 +18,7 @@ $global-font-size: 100% !default;
|
|
14
18
|
///
|
15
19
|
/// @returns {Number} The same number, sans unit.
|
16
20
|
@function strip-unit($num) {
|
17
|
-
@return $num
|
21
|
+
@return divide($num, $num * 0 + 1);
|
18
22
|
}
|
19
23
|
|
20
24
|
/// Converts one or more pixel values into matching rem values.
|
@@ -35,7 +39,7 @@ $global-font-size: 100% !default;
|
|
35
39
|
// If the base font size is a %, then multiply it by 16px
|
36
40
|
// This is because 100% font size = 16px in most all browsers
|
37
41
|
@if unit($base) == '%' {
|
38
|
-
$base: ($base
|
42
|
+
$base: divide($base, 100%) * 16px;
|
39
43
|
}
|
40
44
|
|
41
45
|
// Using rem as base allows correct scaling
|
@@ -75,7 +79,9 @@ $global-font-size: 100% !default;
|
|
75
79
|
@function -zf-to-rem($value, $base: null) {
|
76
80
|
// Check if the value is a number
|
77
81
|
@if type-of($value) != 'number' {
|
78
|
-
@
|
82
|
+
@if $unit-warnings {
|
83
|
+
@warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
|
84
|
+
}
|
79
85
|
@return $value;
|
80
86
|
}
|
81
87
|
|
@@ -86,7 +92,7 @@ $global-font-size: 100% !default;
|
|
86
92
|
|
87
93
|
// Calculate rem if units for $value is not rem or em
|
88
94
|
@if unit($value) != 'rem' {
|
89
|
-
$value: strip-unit($value)
|
95
|
+
$value: divide(strip-unit($value), strip-unit($base)) * 1rem;
|
90
96
|
}
|
91
97
|
|
92
98
|
// Turn 0rem into 0
|
@@ -114,7 +120,7 @@ $global-font-size: 100% !default;
|
|
114
120
|
|
115
121
|
// If the base font size is a %, then multiply it by 16px
|
116
122
|
@if unit($base) == '%' {
|
117
|
-
$base: ($base
|
123
|
+
$base: divide($base, 100%) * 16px;
|
118
124
|
}
|
119
125
|
|
120
126
|
@if unit($base) == 'rem' {
|
@@ -127,7 +133,7 @@ $global-font-size: 100% !default;
|
|
127
133
|
|
128
134
|
// Now let's convert our value to pixels too
|
129
135
|
@if unit($value) == '%' {
|
130
|
-
$value: ($value
|
136
|
+
$value: divide($value, 100%) * $base;
|
131
137
|
}
|
132
138
|
|
133
139
|
@if unit($value) == 'rem' {
|
@@ -140,12 +146,12 @@ $global-font-size: 100% !default;
|
|
140
146
|
|
141
147
|
// 'px'
|
142
148
|
@if unit($value) == 'px' {
|
143
|
-
@return strip-unit($value)
|
149
|
+
@return divide(strip-unit($value), strip-unit($base));
|
144
150
|
}
|
145
151
|
|
146
152
|
// assume that line-heights greater than 10 are meant to be absolute in 'px'
|
147
153
|
@if unitless($value) and ($value > 10) {
|
148
|
-
@return $value
|
154
|
+
@return divide($value, strip-unit($base));
|
149
155
|
}
|
150
156
|
|
151
157
|
@return $value;
|
@@ -37,28 +37,13 @@
|
|
37
37
|
@return $val;
|
38
38
|
}
|
39
39
|
@if $length == 2 {
|
40
|
-
@return map-get((
|
41
|
-
top: nth($val, 1),
|
42
|
-
bottom: nth($val, 1),
|
43
|
-
left: nth($val, 2),
|
44
|
-
right: nth($val, 2),
|
45
|
-
), $side);
|
40
|
+
@return map-get((top: nth($val, 1), bottom: nth($val, 1), left: nth($val, 2), right: nth($val, 2), ), $side);
|
46
41
|
}
|
47
42
|
@if $length == 3 {
|
48
|
-
@return map-get((
|
49
|
-
top: nth($val, 1),
|
50
|
-
left: nth($val, 2),
|
51
|
-
right: nth($val, 2),
|
52
|
-
bottom: nth($val, 3),
|
53
|
-
), $side);
|
43
|
+
@return map-get((top: nth($val, 1), left: nth($val, 2), right: nth($val, 2), bottom: nth($val, 3), ), $side);
|
54
44
|
}
|
55
45
|
@if $length == 4 {
|
56
|
-
@return map-get((
|
57
|
-
top: nth($val, 1),
|
58
|
-
right: nth($val, 2),
|
59
|
-
bottom: nth($val, 3),
|
60
|
-
left: nth($val, 4),
|
61
|
-
), $side);
|
46
|
+
@return map-get((top: nth($val, 1), right: nth($val, 2), bottom: nth($val, 3), left: nth($val, 4), ), $side);
|
62
47
|
}
|
63
48
|
}
|
64
49
|
|
@@ -1,3 +1,5 @@
|
|
1
|
+
// sass-lint:disable no-vendor-prefixes
|
2
|
+
|
1
3
|
@mixin foundation-normalize() {
|
2
4
|
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
3
5
|
|
@@ -62,8 +64,7 @@
|
|
62
64
|
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
63
65
|
|
64
66
|
abbr[title] {
|
65
|
-
border-bottom:
|
66
|
-
text-decoration: underline; // 2
|
67
|
+
border-bottom: 0; // 1
|
67
68
|
text-decoration: underline dotted; // 2
|
68
69
|
}
|
69
70
|
|
@@ -278,4 +279,20 @@
|
|
278
279
|
[hidden] {
|
279
280
|
display: none;
|
280
281
|
}
|
282
|
+
|
283
|
+
// Disable outline when intent is clearly mouse and touch
|
284
|
+
[data-whatintent="mouse"],
|
285
|
+
[data-whatintent="touch"],
|
286
|
+
[data-whatinput="mouse"],
|
287
|
+
[data-whatinput="touch"] {
|
288
|
+
*, *:focus {
|
289
|
+
outline: none;
|
290
|
+
}
|
291
|
+
}
|
292
|
+
|
293
|
+
// Disable iOS callouts when draggable is false
|
294
|
+
[draggable=false] {
|
295
|
+
-webkit-touch-callout: none;
|
296
|
+
-webkit-user-select: none;
|
297
|
+
}
|
281
298
|
}
|
@@ -13,7 +13,7 @@
|
|
13
13
|
/// @returns {List} The cell flex property value.
|
14
14
|
@function xy-cell-base($size: full) {
|
15
15
|
@if ($size == 'auto') {
|
16
|
-
@return 1 1
|
16
|
+
@return 1 1 0;
|
17
17
|
}
|
18
18
|
@else if ($size == 'grow') {
|
19
19
|
@return 1 0 auto;
|
@@ -100,7 +100,12 @@
|
|
100
100
|
$responsive-css-sizes: ();
|
101
101
|
|
102
102
|
@each $bp, $mg in $margin-gutter {
|
103
|
-
$
|
103
|
+
$mgc: rem-calc($mg);
|
104
|
+
@if $mgc == 0 {
|
105
|
+
// sass-lint:disable zero-unit
|
106
|
+
$mgc: 0rem;
|
107
|
+
}
|
108
|
+
$size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{$mg}));
|
104
109
|
$responsive-css-sizes: map-merge($responsive-css-sizes, ($bp: $size-css));
|
105
110
|
}
|
106
111
|
|
@@ -108,7 +113,13 @@
|
|
108
113
|
}
|
109
114
|
// Otherwise, return a single CSS size.
|
110
115
|
@else {
|
111
|
-
|
116
|
+
// Make sure that 0 is translated in 0rem for calc()
|
117
|
+
$mgc: rem-calc($margin-gutter);
|
118
|
+
@if $mgc == 0 {
|
119
|
+
// sass-lint:disable zero-unit
|
120
|
+
$mgc: 0rem;
|
121
|
+
}
|
122
|
+
$css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{$mgc}));
|
112
123
|
@return $css-size;
|
113
124
|
}
|
114
125
|
}
|
@@ -123,8 +134,8 @@
|
|
123
134
|
|
124
135
|
// Set base styles for "full" only
|
125
136
|
@if($size == 'full') {
|
126
|
-
min-height:
|
127
|
-
min-width:
|
137
|
+
min-height: 0;
|
138
|
+
min-width: 0;
|
128
139
|
}
|
129
140
|
}
|
130
141
|
|
@@ -58,7 +58,7 @@
|
|
58
58
|
.grid-x {
|
59
59
|
$str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
|
60
60
|
@for $i from 1 through $grid-columns {
|
61
|
-
$str: $str + ", > .#{$-zf-size}-#{$i}"
|
61
|
+
$str: $str + ", > .#{$-zf-size}-#{$i}";
|
62
62
|
}
|
63
63
|
#{$str} {
|
64
64
|
flex-basis: auto;
|
@@ -266,10 +266,10 @@
|
|
266
266
|
$padding-grid: true
|
267
267
|
) {
|
268
268
|
|
269
|
-
@include -zf-each-breakpoint() {
|
270
|
-
|
271
|
-
|
272
|
-
}
|
269
|
+
// @include -zf-each-breakpoint() {
|
270
|
+
// @if not($-zf-size == $-zf-zero-breakpoint) {
|
271
|
+
// }
|
272
|
+
// }
|
273
273
|
|
274
274
|
.grid-y {
|
275
275
|
@include xy-grid(vertical, false);
|
@@ -295,7 +295,7 @@
|
|
295
295
|
// https://github.com/foundation/foundation-sites/pull/10164
|
296
296
|
$str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
|
297
297
|
@for $i from 1 through $grid-columns {
|
298
|
-
$str: $str + ", > .#{$-zf-size}-#{$i}"
|
298
|
+
$str: $str + ", > .#{$-zf-size}-#{$i}";
|
299
299
|
}
|
300
300
|
#{$str} {
|
301
301
|
flex-basis: auto;
|
@@ -404,14 +404,14 @@
|
|
404
404
|
@if $vertical-grid {
|
405
405
|
.grid-y {
|
406
406
|
&.grid-frame {
|
407
|
-
width: auto;
|
408
407
|
@include xy-grid-frame(true);
|
408
|
+
width: auto;
|
409
409
|
}
|
410
410
|
|
411
411
|
@include -zf-each-breakpoint(false) {
|
412
412
|
&.#{$-zf-size}-grid-frame {
|
413
|
-
width: auto;
|
414
413
|
@include xy-grid-frame(true);
|
414
|
+
width: auto;
|
415
415
|
}
|
416
416
|
|
417
417
|
}
|
@@ -1,3 +1,5 @@
|
|
1
|
+
// sass-lint:disable no-vendor-prefixes
|
2
|
+
|
1
3
|
/// Modifies a grid to give it "frame" behavior (no overflow, no wrap, stretch behavior)
|
2
4
|
///
|
3
5
|
/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.
|
@@ -33,10 +35,20 @@
|
|
33
35
|
@if $vertical == true {
|
34
36
|
$unit: if($nested == true, 100%, 100vh);
|
35
37
|
$gutter: rem-calc($gutter);
|
38
|
+
// Make sure that 0 is translated in 0rem for calc()
|
39
|
+
@if $gutter == 0 {
|
40
|
+
// sass-lint:disable zero-unit
|
41
|
+
$gutter: 0rem;
|
42
|
+
}
|
36
43
|
height: calc(#{$unit} + #{$gutter});
|
37
44
|
} @else {
|
38
45
|
$unit: if($nested == true, 100%, 100vw);
|
39
46
|
$gutter: rem-calc($gutter);
|
47
|
+
// Make sure that 0 is translated in 0rem for calc()
|
48
|
+
@if $gutter == 0 {
|
49
|
+
// sass-lint:disable zero-unit
|
50
|
+
$gutter: 0rem;
|
51
|
+
}
|
40
52
|
width: calc(#{$unit} + #{$gutter});
|
41
53
|
}
|
42
54
|
}
|
@@ -14,11 +14,11 @@
|
|
14
14
|
$width: $grid-container,
|
15
15
|
$padding: $grid-container-padding
|
16
16
|
) {
|
17
|
-
@include xy-gutters($gutters: $padding, $gutter-type: padding);
|
18
|
-
|
19
17
|
max-width: $width;
|
20
18
|
margin-left: auto;
|
21
19
|
margin-right: auto;
|
20
|
+
|
21
|
+
@include xy-gutters($gutters: $padding, $gutter-type: padding);
|
22
22
|
}
|
23
23
|
|
24
24
|
/// Creates a container for your flex cells.
|
@@ -26,7 +26,7 @@
|
|
26
26
|
// Output our margin gutters.
|
27
27
|
@if (type-of($gutters) == 'map') {
|
28
28
|
@include -zf-breakpoint-value(auto, $gutters) {
|
29
|
-
$gutter: rem-calc($-zf-bp-value)
|
29
|
+
$gutter: rem-calc($-zf-bp-value) * 0.5;
|
30
30
|
|
31
31
|
// Loop through each gutter position
|
32
32
|
@each $value in $gutter-position {
|
@@ -35,7 +35,7 @@
|
|
35
35
|
}
|
36
36
|
}
|
37
37
|
@else if (type-of($gutters) == 'number') {
|
38
|
-
$gutter: rem-calc($gutters)
|
38
|
+
$gutter: rem-calc($gutters) * 0.5;
|
39
39
|
|
40
40
|
// Loop through each gutter position
|
41
41
|
@each $value in $gutter-position {
|
@@ -28,7 +28,7 @@
|
|
28
28
|
$vertical: false,
|
29
29
|
$output: (base size gutters)
|
30
30
|
) {
|
31
|
-
$size: percentage(1
|
31
|
+
$size: percentage(divide(1, $n));
|
32
32
|
|
33
33
|
& > #{$selector} {
|
34
34
|
@include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical, $output);
|
@@ -25,8 +25,13 @@
|
|
25
25
|
|
26
26
|
$offset: $size;
|
27
27
|
@if ($gutter-type == 'margin') {
|
28
|
-
|
29
|
-
$
|
28
|
+
// Make sure that 0 is translated in 0rem for calc()
|
29
|
+
$gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint));
|
30
|
+
@if $gutter == 0 {
|
31
|
+
// sass-lint:disable zero-unit
|
32
|
+
$gutter: 0rem;
|
33
|
+
}
|
34
|
+
$offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter} / 2));
|
30
35
|
}
|
31
36
|
@return $offset;
|
32
37
|
}
|
@@ -39,11 +44,11 @@
|
|
39
44
|
/// @param {Number|Array|Keyword} $breakpoint [null] - Breakpoint to use for `$gutters`. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints. If a list is given, media-queries will be generated. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.
|
40
45
|
/// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.
|
41
46
|
@mixin xy-cell-offset(
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
+
$n,
|
48
|
+
$gutters: $grid-margin-gutters,
|
49
|
+
$gutter-type: margin,
|
50
|
+
$breakpoint: null,
|
51
|
+
$vertical: false
|
47
52
|
) {
|
48
53
|
$breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);
|
49
54
|
$direction: if($vertical, 'top', $global-left);
|
@@ -21,8 +21,8 @@ $grid-columns: 12 !default;
|
|
21
21
|
/// The amount of margin between cells at different screen sizes when using the margin grid. To use just one size, set the variable to a number instead of a map.
|
22
22
|
/// @type Map | Length
|
23
23
|
$grid-margin-gutters: (
|
24
|
-
small: 20px,
|
25
|
-
medium: 30px
|
24
|
+
"small": 20px,
|
25
|
+
"medium": 30px
|
26
26
|
) !default;
|
27
27
|
|
28
28
|
/// The amount of padding in cells at different screen sizes when using the padding grid. To use just one size, set the variable to a number instead of a map.
|
metadata
CHANGED
@@ -1,29 +1,29 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: foundation-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.
|
4
|
+
version: 6.9.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Yetinauts
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2024-09-27 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
|
-
name:
|
14
|
+
name: sassc
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
17
|
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version:
|
19
|
+
version: '0'
|
20
20
|
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
24
|
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version:
|
26
|
+
version: '0'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: railties
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
@@ -44,28 +44,28 @@ dependencies:
|
|
44
44
|
requirements:
|
45
45
|
- - ">="
|
46
46
|
- !ruby/object:Gem::Version
|
47
|
-
version: 0
|
47
|
+
version: '0'
|
48
48
|
type: :runtime
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
52
|
- - ">="
|
53
53
|
- !ruby/object:Gem::Version
|
54
|
-
version: 0
|
54
|
+
version: '0'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
56
|
name: bundler
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
|
-
- - "
|
59
|
+
- - ">="
|
60
60
|
- !ruby/object:Gem::Version
|
61
|
-
version: '
|
61
|
+
version: '0'
|
62
62
|
type: :development
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
|
-
- - "
|
66
|
+
- - ">="
|
67
67
|
- !ruby/object:Gem::Version
|
68
|
-
version: '
|
68
|
+
version: '0'
|
69
69
|
- !ruby/object:Gem::Dependency
|
70
70
|
name: capybara
|
71
71
|
requirement: !ruby/object:Gem::Requirement
|
@@ -98,16 +98,16 @@ dependencies:
|
|
98
98
|
name: rspec
|
99
99
|
requirement: !ruby/object:Gem::Requirement
|
100
100
|
requirements:
|
101
|
-
- - "
|
101
|
+
- - ">="
|
102
102
|
- !ruby/object:Gem::Version
|
103
|
-
version: '
|
103
|
+
version: '0'
|
104
104
|
type: :development
|
105
105
|
prerelease: false
|
106
106
|
version_requirements: !ruby/object:Gem::Requirement
|
107
107
|
requirements:
|
108
|
-
- - "
|
108
|
+
- - ">="
|
109
109
|
- !ruby/object:Gem::Version
|
110
|
-
version: '
|
110
|
+
version: '0'
|
111
111
|
- !ruby/object:Gem::Dependency
|
112
112
|
name: appraisal
|
113
113
|
requirement: !ruby/object:Gem::Requirement
|
@@ -181,6 +181,8 @@ files:
|
|
181
181
|
- gemfiles/rails_5.1.gemfile.lock
|
182
182
|
- gemfiles/rails_5.2.gemfile
|
183
183
|
- gemfiles/rails_5.2.gemfile.lock
|
184
|
+
- gemfiles/rails_7.1.gemfile
|
185
|
+
- gemfiles/rails_7.1.gemfile.lock
|
184
186
|
- lib/foundation-rails.rb
|
185
187
|
- lib/foundation/rails.rb
|
186
188
|
- lib/foundation/rails/engine.rb
|
@@ -470,7 +472,7 @@ homepage: https://get.foundation
|
|
470
472
|
licenses:
|
471
473
|
- MIT
|
472
474
|
metadata: {}
|
473
|
-
post_install_message:
|
475
|
+
post_install_message:
|
474
476
|
rdoc_options: []
|
475
477
|
require_paths:
|
476
478
|
- lib
|
@@ -485,8 +487,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
485
487
|
- !ruby/object:Gem::Version
|
486
488
|
version: '0'
|
487
489
|
requirements: []
|
488
|
-
rubygems_version: 3.
|
489
|
-
signing_key:
|
490
|
+
rubygems_version: 3.4.10
|
491
|
+
signing_key:
|
490
492
|
specification_version: 4
|
491
493
|
summary: Foundation on Sass/Compass
|
492
494
|
test_files:
|