From: Nicolas Coden Date: Tue, 10 Jul 2018 18:42:33 +0000 (+0200) Subject: perf: factorize XY grid responsive modifiers X-Git-Tag: v6.6.0~3^2~129^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7e34dc3b5;p=thirdparty%2Ffoundation%2Ffoundation-sites.git perf: factorize XY grid responsive modifiers See diff at https://www.diffchecker.com/NWHV8CRG --- diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss index 657c0dffe..fddf6b0de 100644 --- a/scss/xy-grid/_classes.scss +++ b/scss/xy-grid/_classes.scss @@ -68,22 +68,31 @@ } @include -zf-each-breakpoint() { + // Responsive "auto" modifier @if not($-zf-size == small) { .grid-x > .#{$-zf-size}-auto { @include xy-cell-base(auto); @include xy-cell-static(auto, false); } + } + %-xy-cell-base-shrink-#{$-zf-size} { + @include xy-cell-base(shrink); + } + + // Responsive "shrink" modifier + @if not($-zf-size == small) { .grid-x > .#{$-zf-size}-shrink { - @include xy-cell-base(shrink); + @extend %-xy-cell-base-shrink-#{$-zf-size}; @include xy-cell-static(shrink, false); } } + // Responsive width modifiers @for $i from 1 through $grid-columns { // Sizing (percentage) .grid-x > .#{$-zf-size}-#{$i} { - @include xy-cell-base(shrink); + @extend %-xy-cell-base-shrink-#{$-zf-size}; @include xy-cell-static($i, false, $gutter-type: padding); } }