pacem-less 0.52.2 → 0.52.3-boyle

package/pacem/layout/dark/grids.less

@@ -246,18 +246,19 @@ each(@sizes, {
 }
 
 // container queries
+@PCSSs: ~"@{PCSS} ";
 @_threshold_xs: @threshold_sm - 1;
-@container @PCSS (max-width: @_threshold_xs) {
+@container @PCSSs (max-width: @_threshold_xs) {
 
-    .@{PCSS}-grid.grid-contained > .@{PCSS}-cell {
-        .ColsMid(cols, xs, 12);
-        .RowsMid(rows, xs, 12);
-    }
+.@{PCSS}-grid.grid-contained > .@{PCSS}-cell {
+    .ColsMid(cols, xs, 12);
+    .RowsMid(rows, xs, 12);
+}
 }
 
 each(@sizes, {   
     @_threshold: ~"threshold_@{value}";
-    @container @PCSS (min-width: @@_threshold){
+    @container @PCSSs (min-width: @_threshold) {
     
         .@{PCSS}-grid.grid-contained > .@{PCSS}-cell {
             .ColsMid(cols, @value, 12);

package/pacem/layout/dark/visibility.less

@@ -301,112 +301,72 @@
     .ShowWhenAtLeast(h);
 }
 
+@PCSSs: ~"@{PCSS} ";
+
 .@{PCSS}-container {
     // hide when below 'small' width
-    @container
-    @PCSS
-
-    (max-width: @threshold_sm - 1) {
+    @container @PCSSs (max-width: @threshold_sm - 1) {
         .HideWhenLessThan(sm);
         .HideWhenAtMost(xs);
         // exception (show-xs: show only when EXACTLY 'xs')
         .ShowWhenAtLeast(xs);
     }
     // show when at least 'small' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_sm) {
+    @container @PCSSs (min-width: @threshold_sm) {
         .ShowWhenAtLeast(sm);
     }
     // hide when at most 'small' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_md - 1) {
+    @container @PCSSs (max-width: @threshold_md - 1) {
         .HideWhenLessThan(md);
         .HideWhenAtMost(sm);
     }
     // show when at least 'medium' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_md) {
+    @container @PCSSs (min-width: @threshold_md) {
         .ShowWhenAtLeast(md);
     }
     // hide when at most 'medium' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_lg - 1) {
+    @container @PCSSs (max-width: @threshold_lg - 1) {
         .HideWhenLessThan(lg);
         .HideWhenAtMost(md);
     }
     // show when at least 'lg' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_lg) {
+    @container @PCSSs (min-width: @threshold_lg) {
         .ShowWhenAtLeast(lg);
     }
     // hide when at most 'lg' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_xl - 1) {
+    @container @PCSSs (max-width: @threshold_xl - 1) {
         .HideWhenLessThan(xl);
         .HideWhenAtMost(lg);
     }
     // show when at least 'xl' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_xl) {
+    @container @PCSSs (min-width: @threshold_xl) {
         .ShowWhenAtLeast(xl);
     }
     // hide when at most 'xl' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_hd - 1) {
+    @container @PCSSs (max-width: @threshold_hd - 1) {
         .HideWhenLessThan(hd);
         .HideWhenAtMost(xl);
     }
     // show when at least 'hd' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_hd) {
+    @container @PCSSs (min-width: @threshold_hd) {
         .ShowWhenAtLeast(hd);
     }
     // hide when at most 'hd' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_2k - 1) {
+    @container @PCSSs (max-width: @threshold_2k - 1) {
         .HideWhenLessThan(2k);
         .HideWhenAtMost(hd);
     }
     // show when at least '2k' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_2k) {
+    @container @PCSSs (min-width: @threshold_2k) {
         .ShowWhenAtLeast(2k);
     }
     // hide when at most '2k' wide
-    @container
-    @PCSS
-
-    (max-width: @threshold_4k - 1) {
+    @container @PCSSs (max-width: @threshold_4k - 1) {
         .HideWhenLessThan(4k);
         .HideWhenAtMost(2k);
     }
     // show when at least '4k' wide
-    @container
-    @PCSS
-
-    (min-width: @threshold_4k) {
+    @container @PCSSs (min-width: @threshold_4k) {
         .ShowWhenAtLeast(4k);
     }
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.52.2",
+  "version": "0.52.3-boyle",
   "name": "pacem-less",
   "homepage": "https://js.pacem.it",
   "repository": {