Use pull request #11106 from ncoden/fix/fix-reveal-extend-in-mediaquery for v6.5.0

eb24e7cfd fix: move extend outside of mediaquery for sass compatibility

Signed-off-by: Nicolas Coden <nicolas@ncoden.fr>

diff --git a/scss/components/_reveal.scss b/scss/components/_reveal.scss
index 78f2d71e4131cee6d9a08f31a5640a4450ac2efd..2f91f2265f22697b1002f165cd8d3def268c9aa0 100644 (file)
--- a/scss/components/_reveal.scss
+++ b/scss/components/_reveal.scss
@@ -41,6 +41,7 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
 
 // Placeholder selector for medium-and-up modals
 // Prevents duplicate CSS when defining multiple Reveal sizes
+// This should be in the same breakpoint then `@mixin reveal-modal-width`
 @include breakpoint(medium) {
   %reveal-centered {
     right: auto;
@@ -101,8 +102,9 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
   $width: $reveal-width,
   $max-width: $reveal-max-width
 ) {
+  // Extends must be made outside of breakpoints for compatibility with newer Sass versions (libsass v3.5)
+  @extend %reveal-centered;
   @include breakpoint(medium) {
-    @extend %reveal-centered;
     width: $width;
     max-width: $max-width;
   }