From: Kevin Ball Date: Thu, 3 Aug 2017 17:12:46 +0000 (-0700) Subject: Make default sizing of off-canvas backwards compatible X-Git-Tag: v6.4.2~1^2~6^2~1 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=82592fbe649d098fcad1a380ba50775bd13710d8;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Make default sizing of off-canvas backwards compatible --- diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss index 668fbe8a3..c64770ce4 100644 --- a/scss/components/_off-canvas.scss +++ b/scss/components/_off-canvas.scss @@ -10,14 +10,14 @@ /// @type Map $offcanvas-sizes: ( small: 250px, - medium: 350px, + medium: 250px, ) !default; /// Height map of a top/bottom off-canvas panel. /// @type Map $offcanvas-vertical-sizes: ( small: 250px, - medium: 350px, + medium: 250px, ) !default; /// Background color of an off-canvas panel. @@ -126,7 +126,7 @@ $maincontent-class: 'off-canvas-content' !default; &.is-overlay-absolute { position: absolute; } - + &.is-overlay-fixed { position: fixed; } @@ -205,7 +205,7 @@ $maincontent-class: 'off-canvas-content' !default; transform: translateX(-$size); } } - + // Sets the position for nested off-canvas element @at-root .#{$maincontent-class} .off-canvas.position-#{$position} { @@ -242,7 +242,7 @@ $maincontent-class: 'off-canvas-content' !default; transform: translateX($size); } } - + // Sets the position for nested off-canvas element @at-root .#{$maincontent-class} .off-canvas.position-#{$position} { @@ -279,7 +279,7 @@ $maincontent-class: 'off-canvas-content' !default; transform: translateY(-$size); } } - + // Sets the position for nested off-canvas element @at-root .#{$maincontent-class} .off-canvas.position-#{$position} { @each $name, $size in $sizes { @@ -315,7 +315,7 @@ $maincontent-class: 'off-canvas-content' !default; transform: translateY($size); } } - + // Sets the position for nested off-canvas element @at-root .#{$maincontent-class} .off-canvas.position-#{$position} { @each $name, $size in $sizes { @@ -356,7 +356,7 @@ $maincontent-class: 'off-canvas-content' !default; @else if $position == bottom { @include inner-side-shadow(top, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color); } - } + } } }