From 2e021171d390e1a008f413de89a9d6df91b464b6 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Fri, 25 May 2018 23:17:25 +0200 Subject: [PATCH] fix: use fallback gutter for fallback breakpoint in XY cell #11194 When no breakpoint is passed to `xy-cell` and a fallback "zero" breakpoint is used, use a fallback gutter as well if it is not found. This way, an implicit behavior stay implicit and a warning is thrown only if a breakpoint was explicitely given. Closes https://github.com/zurb/foundation-sites/issues/11194 --- scss/xy-grid/_cell.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/scss/xy-grid/_cell.scss b/scss/xy-grid/_cell.scss index 03bc425f39..6e811e9e9b 100644 --- a/scss/xy-grid/_cell.scss +++ b/scss/xy-grid/_cell.scss @@ -110,6 +110,8 @@ $breakpoint: null, $vertical: false ) { + $bp-is-fallback: false; + @if($breakpoint == null) { // If `$bp-size` is available then use this, otherwise revert to the smallest bp. @if(variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null { @@ -117,11 +119,16 @@ } @else { $breakpoint: $-zf-zero-breakpoint; + $bp-is-fallback: true; } } - // Get the gutter for the passed breakpoint/value. + // Get the gutter for the given breakpoint/value. $gutter: -zf-get-bp-val($gutters, $breakpoint); + // If the breakpoint is a fallback, use a fallback gutter as well + @if ($bp-is-fallback == true and $gutter == null) { + $gutter: 0; + } @if($gutter != null) { // Base flex properties