sass no soporta extend dentro de una media query

por razones que no termino de entender:

https://github.com/sass/sass/issues/1050
This commit is contained in:
f 2021-05-31 14:36:26 -03:00
parent 92887698d7
commit 0e4fd9871d

View file

@ -37,14 +37,14 @@ $directions: (top, right, bottom, left);
/// @example html /// @example html
/// <div class="square-lg"></div> /// <div class="square-lg"></div>
.square#{$infix} { .square#{$infix} {
@extend .position-relative; position: relative !important;
padding-bottom: 100%; padding-bottom: 100%;
& > * { & > * {
@extend .position-absolute; position: absolute !important;
@extend .top-0; top: 0 !important;
@extend .left-0; left: 0 !important;
@extend .h-100; height: 100% !important;
} }
} }