Skip to content

Commit

Permalink
Merge pull request #10504 from zurb/fix-back-compat-of-offcanvas-sizing
Browse files Browse the repository at this point in the history
Make default sizing of off-canvas backwards compatible
  • Loading branch information
brettsmason authored Aug 4, 2017
2 parents 8ff199f + fbf007e commit bc5bc23
Showing 1 changed file with 6 additions and 8 deletions.
14 changes: 6 additions & 8 deletions scss/components/_off-canvas.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,12 @@
/// @type Map
$offcanvas-sizes: (
small: 250px,
medium: 350px,
) !default;

/// Height map of a top/bottom off-canvas panel.
/// @type Map
$offcanvas-vertical-sizes: (
small: 250px,
medium: 350px,
) !default;

/// Background color of an off-canvas panel.
Expand Down Expand Up @@ -126,7 +124,7 @@ $maincontent-class: 'off-canvas-content' !default;
&.is-overlay-absolute {
position: absolute;
}

&.is-overlay-fixed {
position: fixed;
}
Expand Down Expand Up @@ -205,7 +203,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} {

Expand Down Expand Up @@ -242,7 +240,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} {

Expand Down Expand Up @@ -279,7 +277,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 {
Expand Down Expand Up @@ -315,7 +313,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 {
Expand Down Expand Up @@ -356,7 +354,7 @@ $maincontent-class: 'off-canvas-content' !default;
@else if $position == bottom {
@include inner-side-shadow(top, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);
}
}
}
}

}
Expand Down

0 comments on commit bc5bc23

Please sign in to comment.