From 6cf77cfeedf0b01cd96c95f71e35cc2caad35811 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 3 Aug 2017 15:12:24 -0400 Subject: [PATCH] Group media query declarations --- src/generators/class-variants.less | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/generators/class-variants.less b/src/generators/class-variants.less index bc06e16db..3692c50ee 100644 --- a/src/generators/class-variants.less +++ b/src/generators/class-variants.less @@ -18,26 +18,24 @@ .generate-utility-variants(@utility; @variants; @ruleset; @i + 1); } -.generate-screen-utility-variant(@utility; @variant; @screen-name; @screen-width; @ruleset) { - @media (min-width: @screen-width) { +.generate-screen-utility-variant(@utility; @variant; @screen-name; @ruleset) { @variant-name: extract(@variant, 1); @__variant-value: @variant; .define-selector(~"@{screen-name}\:@{utility}-@{variant-name}"; @ruleset); - } } -.generate-screen-utility-variants(@utility; @variants; @screen-name; @screen-width; @ruleset; @i: 1) when (@i <= length(@variants)) and (length(extract(@variants, @i)) = 1) { +.generate-screen-utility-variants(@utility; @variants; @screen-name; @ruleset; @i: 1) when (@i <= length(@variants)) and (length(extract(@variants, @i)) = 1) { & { - .generate-screen-utility-variant(@utility; @variants; @screen-name; @screen-width; @ruleset); + .generate-screen-utility-variant(@utility; @variants; @screen-name; @ruleset); } } -.generate-screen-utility-variants(@utility; @variants; @screen-name; @screen-width; @ruleset; @i: 1) when (@i <= length(@variants)) and (length(extract(@variants, @i)) = 2) { +.generate-screen-utility-variants(@utility; @variants; @screen-name; @ruleset; @i: 1) when (@i <= length(@variants)) and (length(extract(@variants, @i)) = 2) { & { @variant: extract(@variants, @i); - .generate-screen-utility-variant(@utility; @variant; @screen-name; @screen-width; @ruleset); + .generate-screen-utility-variant(@utility; @variant; @screen-name; @ruleset); } - .generate-screen-utility-variants(@utility; @variants; @screen-name; @screen-width; @ruleset; @i + 1); + .generate-screen-utility-variants(@utility; @variants; @screen-name; @ruleset; @i + 1); } .generate-responsive-utility-variants(@utility; @variants; @screens; @ruleset; @i: 1) when (@i <= length(@screens)) { @@ -45,6 +43,8 @@ @screen-name: extract(@screen, 1); @screen-width: extract(@screen, 2); - .generate-screen-utility-variants(@utility; @variants; @screen-name; @screen-width; @ruleset); + @media (min-width: @screen-width) { + .generate-screen-utility-variants(@utility; @variants; @screen-name; @ruleset); + } .generate-responsive-utility-variants(@utility; @variants; @screens; @ruleset; @i + 1); }