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.
Files changed (217) hide show
  1. checksums.yaml +4 -4
  2. data/.ruby-version +1 -1
  3. data/.travis.yml +2 -0
  4. data/Appraisals +4 -0
  5. data/Gemfile +1 -1
  6. data/Gemfile.lock +198 -145
  7. data/bower.json +3 -3
  8. data/foundation-rails.gemspec +4 -4
  9. data/gemfiles/rails_7.1.gemfile +10 -0
  10. data/gemfiles/rails_7.1.gemfile.lock +261 -0
  11. data/lib/foundation/rails/version.rb +1 -1
  12. data/lib/generators/foundation/templates/_settings.scss +32 -28
  13. data/vendor/assets/js/foundation.cjs.js +1996 -3162
  14. data/vendor/assets/js/foundation.cjs.js.map +1 -1
  15. data/vendor/assets/js/foundation.es6.js +385 -292
  16. data/vendor/assets/js/foundation.es6.js.map +1 -1
  17. data/vendor/assets/js/foundation.esm.js +1663 -2832
  18. data/vendor/assets/js/foundation.esm.js.map +1 -1
  19. data/vendor/assets/js/foundation.js +2440 -3870
  20. data/vendor/assets/js/foundation.js.map +1 -1
  21. data/vendor/assets/js/foundation.min.js +1 -1
  22. data/vendor/assets/js/foundation.min.js.map +1 -1
  23. data/vendor/assets/js/plugins/foundation.abide.js +238 -344
  24. data/vendor/assets/js/plugins/foundation.abide.js.map +1 -1
  25. data/vendor/assets/js/plugins/foundation.abide.min.js +1 -1
  26. data/vendor/assets/js/plugins/foundation.abide.min.js.map +1 -1
  27. data/vendor/assets/js/plugins/foundation.accordion.js +197 -275
  28. data/vendor/assets/js/plugins/foundation.accordion.js.map +1 -1
  29. data/vendor/assets/js/plugins/foundation.accordion.min.js +1 -1
  30. data/vendor/assets/js/plugins/foundation.accordion.min.js.map +1 -1
  31. data/vendor/assets/js/plugins/foundation.accordionMenu.js +174 -260
  32. data/vendor/assets/js/plugins/foundation.accordionMenu.js.map +1 -1
  33. data/vendor/assets/js/plugins/foundation.accordionMenu.min.js +1 -1
  34. data/vendor/assets/js/plugins/foundation.accordionMenu.min.js.map +1 -1
  35. data/vendor/assets/js/plugins/foundation.core.js +308 -447
  36. data/vendor/assets/js/plugins/foundation.core.js.map +1 -1
  37. data/vendor/assets/js/plugins/foundation.core.min.js +1 -1
  38. data/vendor/assets/js/plugins/foundation.core.min.js.map +1 -1
  39. data/vendor/assets/js/plugins/foundation.drilldown.js +258 -358
  40. data/vendor/assets/js/plugins/foundation.drilldown.js.map +1 -1
  41. data/vendor/assets/js/plugins/foundation.drilldown.min.js +1 -1
  42. data/vendor/assets/js/plugins/foundation.drilldown.min.js.map +1 -1
  43. data/vendor/assets/js/plugins/foundation.dropdown.js +289 -457
  44. data/vendor/assets/js/plugins/foundation.dropdown.js.map +1 -1
  45. data/vendor/assets/js/plugins/foundation.dropdown.min.js +1 -1
  46. data/vendor/assets/js/plugins/foundation.dropdown.min.js.map +1 -1
  47. data/vendor/assets/js/plugins/foundation.dropdownMenu.js +246 -346
  48. data/vendor/assets/js/plugins/foundation.dropdownMenu.js.map +1 -1
  49. data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js +1 -1
  50. data/vendor/assets/js/plugins/foundation.dropdownMenu.min.js.map +1 -1
  51. data/vendor/assets/js/plugins/foundation.equalizer.js +178 -261
  52. data/vendor/assets/js/plugins/foundation.equalizer.js.map +1 -1
  53. data/vendor/assets/js/plugins/foundation.equalizer.min.js +1 -1
  54. data/vendor/assets/js/plugins/foundation.equalizer.min.js.map +1 -1
  55. data/vendor/assets/js/plugins/foundation.interchange.js +227 -326
  56. data/vendor/assets/js/plugins/foundation.interchange.js.map +1 -1
  57. data/vendor/assets/js/plugins/foundation.interchange.min.js +1 -1
  58. data/vendor/assets/js/plugins/foundation.interchange.min.js.map +1 -1
  59. data/vendor/assets/js/plugins/foundation.magellan.js +225 -336
  60. data/vendor/assets/js/plugins/foundation.magellan.js.map +1 -1
  61. data/vendor/assets/js/plugins/foundation.magellan.min.js +1 -1
  62. data/vendor/assets/js/plugins/foundation.magellan.min.js.map +1 -1
  63. data/vendor/assets/js/plugins/foundation.offcanvas.js +326 -471
  64. data/vendor/assets/js/plugins/foundation.offcanvas.js.map +1 -1
  65. data/vendor/assets/js/plugins/foundation.offcanvas.min.js +1 -1
  66. data/vendor/assets/js/plugins/foundation.offcanvas.min.js.map +1 -1
  67. data/vendor/assets/js/plugins/foundation.orbit.js +244 -347
  68. data/vendor/assets/js/plugins/foundation.orbit.js.map +1 -1
  69. data/vendor/assets/js/plugins/foundation.orbit.min.js +1 -1
  70. data/vendor/assets/js/plugins/foundation.orbit.min.js.map +1 -1
  71. data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js +203 -278
  72. data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.js.map +1 -1
  73. data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js +1 -1
  74. data/vendor/assets/js/plugins/foundation.responsiveAccordionTabs.min.js.map +1 -1
  75. data/vendor/assets/js/plugins/foundation.responsiveMenu.js +205 -255
  76. data/vendor/assets/js/plugins/foundation.responsiveMenu.js.map +1 -1
  77. data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js +1 -1
  78. data/vendor/assets/js/plugins/foundation.responsiveMenu.min.js.map +1 -1
  79. data/vendor/assets/js/plugins/foundation.responsiveToggle.js +170 -226
  80. data/vendor/assets/js/plugins/foundation.responsiveToggle.js.map +1 -1
  81. data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js +1 -1
  82. data/vendor/assets/js/plugins/foundation.responsiveToggle.min.js.map +1 -1
  83. data/vendor/assets/js/plugins/foundation.reveal.js +284 -444
  84. data/vendor/assets/js/plugins/foundation.reveal.js.map +1 -1
  85. data/vendor/assets/js/plugins/foundation.reveal.min.js +1 -1
  86. data/vendor/assets/js/plugins/foundation.reveal.min.js.map +1 -1
  87. data/vendor/assets/js/plugins/foundation.slider.js +322 -483
  88. data/vendor/assets/js/plugins/foundation.slider.js.map +1 -1
  89. data/vendor/assets/js/plugins/foundation.slider.min.js +1 -1
  90. data/vendor/assets/js/plugins/foundation.slider.min.js.map +1 -1
  91. data/vendor/assets/js/plugins/foundation.smoothScroll.js +138 -188
  92. data/vendor/assets/js/plugins/foundation.smoothScroll.js.map +1 -1
  93. data/vendor/assets/js/plugins/foundation.smoothScroll.min.js +1 -1
  94. data/vendor/assets/js/plugins/foundation.smoothScroll.min.js.map +1 -1
  95. data/vendor/assets/js/plugins/foundation.sticky.js +253 -394
  96. data/vendor/assets/js/plugins/foundation.sticky.js.map +1 -1
  97. data/vendor/assets/js/plugins/foundation.sticky.min.js +1 -1
  98. data/vendor/assets/js/plugins/foundation.sticky.min.js.map +1 -1
  99. data/vendor/assets/js/plugins/foundation.tabs.js +228 -317
  100. data/vendor/assets/js/plugins/foundation.tabs.js.map +1 -1
  101. data/vendor/assets/js/plugins/foundation.tabs.min.js +1 -1
  102. data/vendor/assets/js/plugins/foundation.tabs.min.js.map +1 -1
  103. data/vendor/assets/js/plugins/foundation.toggler.js +207 -294
  104. data/vendor/assets/js/plugins/foundation.toggler.js.map +1 -1
  105. data/vendor/assets/js/plugins/foundation.toggler.min.js +1 -1
  106. data/vendor/assets/js/plugins/foundation.toggler.min.js.map +1 -1
  107. data/vendor/assets/js/plugins/foundation.tooltip.js +275 -434
  108. data/vendor/assets/js/plugins/foundation.tooltip.js.map +1 -1
  109. data/vendor/assets/js/plugins/foundation.tooltip.min.js +1 -1
  110. data/vendor/assets/js/plugins/foundation.tooltip.min.js.map +1 -1
  111. data/vendor/assets/js/plugins/foundation.util.box.js +130 -186
  112. data/vendor/assets/js/plugins/foundation.util.box.js.map +1 -1
  113. data/vendor/assets/js/plugins/foundation.util.box.min.js +1 -1
  114. data/vendor/assets/js/plugins/foundation.util.box.min.js.map +1 -1
  115. data/vendor/assets/js/plugins/foundation.util.imageLoader.js +110 -150
  116. data/vendor/assets/js/plugins/foundation.util.imageLoader.js.map +1 -1
  117. data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js +1 -1
  118. data/vendor/assets/js/plugins/foundation.util.imageLoader.min.js.map +1 -1
  119. data/vendor/assets/js/plugins/foundation.util.keyboard.js +157 -172
  120. data/vendor/assets/js/plugins/foundation.util.keyboard.js.map +1 -1
  121. data/vendor/assets/js/plugins/foundation.util.keyboard.min.js +1 -1
  122. data/vendor/assets/js/plugins/foundation.util.keyboard.min.js.map +1 -1
  123. data/vendor/assets/js/plugins/foundation.util.mediaQuery.js +167 -233
  124. data/vendor/assets/js/plugins/foundation.util.mediaQuery.js.map +1 -1
  125. data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js +1 -1
  126. data/vendor/assets/js/plugins/foundation.util.mediaQuery.min.js.map +1 -1
  127. data/vendor/assets/js/plugins/foundation.util.motion.js +123 -161
  128. data/vendor/assets/js/plugins/foundation.util.motion.js.map +1 -1
  129. data/vendor/assets/js/plugins/foundation.util.motion.min.js +1 -1
  130. data/vendor/assets/js/plugins/foundation.util.motion.min.js.map +1 -1
  131. data/vendor/assets/js/plugins/foundation.util.nest.js +123 -160
  132. data/vendor/assets/js/plugins/foundation.util.nest.js.map +1 -1
  133. data/vendor/assets/js/plugins/foundation.util.nest.min.js +1 -1
  134. data/vendor/assets/js/plugins/foundation.util.nest.min.js.map +1 -1
  135. data/vendor/assets/js/plugins/foundation.util.timer.js +116 -171
  136. data/vendor/assets/js/plugins/foundation.util.timer.js.map +1 -1
  137. data/vendor/assets/js/plugins/foundation.util.timer.min.js +1 -1
  138. data/vendor/assets/js/plugins/foundation.util.timer.min.js.map +1 -1
  139. data/vendor/assets/js/plugins/foundation.util.touch.js +172 -228
  140. data/vendor/assets/js/plugins/foundation.util.touch.js.map +1 -1
  141. data/vendor/assets/js/plugins/foundation.util.touch.min.js +1 -1
  142. data/vendor/assets/js/plugins/foundation.util.touch.min.js.map +1 -1
  143. data/vendor/assets/js/plugins/foundation.util.triggers.js +158 -222
  144. data/vendor/assets/js/plugins/foundation.util.triggers.js.map +1 -1
  145. data/vendor/assets/js/plugins/foundation.util.triggers.min.js +1 -1
  146. data/vendor/assets/js/plugins/foundation.util.triggers.min.js.map +1 -1
  147. data/vendor/assets/scss/_global.scss +18 -5
  148. data/vendor/assets/scss/components/_accordion-menu.scss +2 -2
  149. data/vendor/assets/scss/components/_badge.scss +1 -1
  150. data/vendor/assets/scss/components/_breadcrumbs.scss +2 -1
  151. data/vendor/assets/scss/components/_button-group.scss +13 -8
  152. data/vendor/assets/scss/components/_button.scss +13 -13
  153. data/vendor/assets/scss/components/_callout.scss +2 -2
  154. data/vendor/assets/scss/components/_close-button.scss +5 -4
  155. data/vendor/assets/scss/components/_dropdown-menu.scss +1 -1
  156. data/vendor/assets/scss/components/_label.scss +1 -1
  157. data/vendor/assets/scss/components/_menu.scss +54 -19
  158. data/vendor/assets/scss/components/_off-canvas.scss +18 -16
  159. data/vendor/assets/scss/components/_orbit.scss +3 -3
  160. data/vendor/assets/scss/components/_pagination.scss +1 -1
  161. data/vendor/assets/scss/components/_progress-bar.scss +1 -1
  162. data/vendor/assets/scss/components/_responsive-embed.scss +1 -1
  163. data/vendor/assets/scss/components/_reveal.scss +8 -3
  164. data/vendor/assets/scss/components/_slider.scss +5 -2
  165. data/vendor/assets/scss/components/_switch.scss +25 -2
  166. data/vendor/assets/scss/components/_table.scss +8 -7
  167. data/vendor/assets/scss/components/_tabs.scss +2 -2
  168. data/vendor/assets/scss/components/_top-bar.scss +7 -5
  169. data/vendor/assets/scss/components/_visibility.scss +45 -2
  170. data/vendor/assets/scss/forms/_label.scss +2 -1
  171. data/vendor/assets/scss/forms/_progress.scss +1 -1
  172. data/vendor/assets/scss/forms/_range.scss +1 -1
  173. data/vendor/assets/scss/forms/_select.scss +5 -4
  174. data/vendor/assets/scss/forms/_text.scss +2 -2
  175. data/vendor/assets/scss/foundation.scss +1 -1
  176. data/vendor/assets/scss/grid/_classes.scss +1 -1
  177. data/vendor/assets/scss/grid/_column.scss +3 -2
  178. data/vendor/assets/scss/grid/_flex-grid.scss +7 -6
  179. data/vendor/assets/scss/grid/_gutter.scss +1 -1
  180. data/vendor/assets/scss/grid/_layout.scss +5 -5
  181. data/vendor/assets/scss/grid/_position.scss +4 -4
  182. data/vendor/assets/scss/grid/_row.scss +1 -1
  183. data/vendor/assets/scss/motion-ui/util/_animation.scss +1 -1
  184. data/vendor/assets/scss/motion-ui/util/_series.scss +1 -1
  185. data/vendor/assets/scss/motion-ui/util/_unit.scss +54 -1
  186. data/vendor/assets/scss/prototype/_border-none.scss +1 -1
  187. data/vendor/assets/scss/prototype/_font-styling.scss +2 -2
  188. data/vendor/assets/scss/prototype/_overflow.scss +9 -0
  189. data/vendor/assets/scss/prototype/_rotate.scss +7 -5
  190. data/vendor/assets/scss/prototype/_separator.scss +5 -5
  191. data/vendor/assets/scss/prototype/_shadow.scss +1 -2
  192. data/vendor/assets/scss/prototype/_spacing.scss +33 -33
  193. data/vendor/assets/scss/prototype/_text-transformation.scss +3 -3
  194. data/vendor/assets/scss/settings/_settings.scss +32 -28
  195. data/vendor/assets/scss/typography/_base.scss +6 -6
  196. data/vendor/assets/scss/typography/_helpers.scss +10 -2
  197. data/vendor/assets/scss/typography/_print.scss +2 -2
  198. data/vendor/assets/scss/util/_breakpoint.scss +21 -18
  199. data/vendor/assets/scss/util/_color.scss +20 -8
  200. data/vendor/assets/scss/util/_direction.scss +1 -1
  201. data/vendor/assets/scss/util/_flex.scss +1 -1
  202. data/vendor/assets/scss/util/_math.scss +61 -9
  203. data/vendor/assets/scss/util/_mixins.scss +18 -14
  204. data/vendor/assets/scss/util/_selector.scss +1 -15
  205. data/vendor/assets/scss/util/_typography.scss +6 -6
  206. data/vendor/assets/scss/util/_unit.scss +14 -8
  207. data/vendor/assets/scss/util/_value.scss +3 -18
  208. data/vendor/assets/scss/vendor/normalize.scss +19 -2
  209. data/vendor/assets/scss/xy-grid/_cell.scss +16 -5
  210. data/vendor/assets/scss/xy-grid/_classes.scss +8 -8
  211. data/vendor/assets/scss/xy-grid/_frame.scss +12 -0
  212. data/vendor/assets/scss/xy-grid/_grid.scss +2 -2
  213. data/vendor/assets/scss/xy-grid/_gutters.scss +2 -2
  214. data/vendor/assets/scss/xy-grid/_layout.scss +1 -1
  215. data/vendor/assets/scss/xy-grid/_position.scss +12 -7
  216. data/vendor/assets/scss/xy-grid/_xy-grid.scss +2 -2
  217. 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 / ($num * 0 + 1);
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 / 100%) * 16px;
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
- @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
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) / strip-unit($base) * 1rem;
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 / 100%) * 16px;
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 / 100%) * $base;
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) / strip-unit($base);
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 / strip-unit($base);
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: none; // 1
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 0px;
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
- $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($mg)}));
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
- $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($margin-gutter)}));
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: 0px;
127
- min-width: 0px;
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
- @if not($-zf-size == $-zf-zero-breakpoint) {
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) / 2;
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) / 2;
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/$n);
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
- $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint) / 2);
29
- $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter}));
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
- $n,
43
- $gutters: $grid-margin-gutters,
44
- $gutter-type: margin,
45
- $breakpoint: null,
46
- $vertical: false
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.6.2.0
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: 2020-03-30 00:00:00.000000000 Z
11
+ date: 2024-09-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
- name: sass
14
+ name: sassc
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
17
  - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: 3.3.0
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: 3.3.0
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.9.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.9.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: '1.3'
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: '1.3'
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: '3.2'
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: '3.2'
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.1.2
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: