stylelint-plugin-grid 1.0.2 → 1.0.3

package/docs/rules/no-invalid-minmax.md

@@ -12,13 +12,13 @@ length, or a percentage instead.
 
 ```css
 .layout {
-  grid-template-columns: minmax(1fr, 20rem) 2fr;
+ grid-template-columns: minmax(1fr, 20rem) 2fr;
 }
 ```
 
 ```css
 .layout {
-  grid-auto-rows: minmax(0.5fr, auto);
+ grid-auto-rows: minmax(0.5fr, auto);
 }
 ```
 
@@ -26,13 +26,13 @@ length, or a percentage instead.
 
 ```css
 .layout {
-  grid-template-columns: minmax(0, 1fr) minmax(12rem, 20rem);
+ grid-template-columns: minmax(0, 1fr) minmax(12rem, 20rem);
 }
 ```
 
 ```css
 .layout {
-  grid-auto-rows: minmax(10rem, auto);
+ grid-auto-rows: minmax(10rem, auto);
 }
 ```
 
@@ -40,10 +40,10 @@ length, or a percentage instead.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/no-invalid-minmax": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/no-invalid-minmax": true,
+ },
 };
 ```
 

package/docs/rules/no-invalid-repeat-count.md

@@ -11,13 +11,13 @@ those cases.
 
 ```css
 .layout {
-  grid-template-columns: repeat(0, 1fr);
+ grid-template-columns: repeat(0, 1fr);
 }
 ```
 
 ```css
 .layout {
-  grid-template-rows: repeat(2.5, auto);
+ grid-template-rows: repeat(2.5, auto);
 }
 ```
 
@@ -25,13 +25,13 @@ those cases.
 
 ```css
 .layout {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+ grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 ```
 
 ```css
 .layout {
-  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
 }
 ```
 
@@ -39,10 +39,10 @@ those cases.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/no-invalid-repeat-count": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/no-invalid-repeat-count": true,
+ },
 };
 ```
 

package/docs/rules/no-invalid-span.md

@@ -10,13 +10,13 @@ invalid or ignored.
 
 ```css
 .item {
-  grid-column: span 0 / span 2;
+ grid-column: span 0 / span 2;
 }
 ```
 
 ```css
 .item {
-  grid-row-start: span -1;
+ grid-row-start: span -1;
 }
 ```
 
@@ -24,13 +24,13 @@ invalid or ignored.
 
 ```css
 .item {
-  grid-column: span 2 / sidebar-end;
+ grid-column: span 2 / sidebar-end;
 }
 ```
 
 ```css
 .item {
-  grid-row-start: span var(--rows);
+ grid-row-start: span var(--rows);
 }
 ```
 
@@ -38,10 +38,10 @@ invalid or ignored.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/no-invalid-span": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/no-invalid-span": true,
+ },
 };
 ```
 

package/docs/rules/no-mismatched-template-rows.md

@@ -7,10 +7,10 @@ count when both declarations appear in the same block.
 
 ```css
 .layout {
-  grid-template-areas:
-    "header"
-    "main";
-  grid-template-rows: auto;
+ grid-template-areas:
+  "header"
+  "main";
+ grid-template-rows: auto;
 }
 ```
 
@@ -18,10 +18,10 @@ count when both declarations appear in the same block.
 
 ```css
 .layout {
-  grid-template-areas:
-    "header"
-    "main";
-  grid-template-rows: auto 1fr;
+ grid-template-areas:
+  "header"
+  "main";
+ grid-template-rows: auto 1fr;
 }
 ```
 

package/docs/rules/no-overlapping-areas.md

@@ -11,11 +11,11 @@ usually indicate layout collisions in your codebase.
 
 ```css
 .header {
-  grid-area: header;
+ grid-area: header;
 }
 
 .mobileHeader {
-  grid-area: header;
+ grid-area: header;
 }
 ```
 
@@ -23,11 +23,11 @@ usually indicate layout collisions in your codebase.
 
 ```css
 .header {
-  grid-area: header;
+ grid-area: header;
 }
 
 .sidebar {
-  grid-area: sidebar;
+ grid-area: sidebar;
 }
 ```
 

package/docs/rules/no-reversed-placement-lines.md

@@ -11,14 +11,14 @@ dynamic values.
 
 ```css
 .item {
-  grid-column: 4 / 2;
+ grid-column: 4 / 2;
 }
 ```
 
 ```css
 .item {
-  grid-row-start: 7;
-  grid-row-end: 6;
+ grid-row-start: 7;
+ grid-row-end: 6;
 }
 ```
 
@@ -26,13 +26,13 @@ dynamic values.
 
 ```css
 .item {
-  grid-column: 2 / 4;
+ grid-column: 2 / 4;
 }
 ```
 
 ```css
 .item {
-  grid-row: span 2 / 5;
+ grid-row: span 2 / 5;
 }
 ```
 
@@ -40,10 +40,10 @@ dynamic values.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/no-reversed-placement-lines": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/no-reversed-placement-lines": true,
+ },
 };
 ```
 

package/docs/rules/no-unknown-areas.md

@@ -7,11 +7,11 @@ declared by `grid-template-areas` in the same stylesheet.
 
 ```css
 .layout {
-  grid-template-areas: "header main";
+ grid-template-areas: "header main";
 }
 
 .sidebar {
-  grid-area: sidebr;
+ grid-area: sidebr;
 }
 ```
 
@@ -19,11 +19,11 @@ declared by `grid-template-areas` in the same stylesheet.
 
 ```css
 .layout {
-  grid-template-areas: "header main";
+ grid-template-areas: "header main";
 }
 
 .header {
-  grid-area: header;
+ grid-area: header;
 }
 ```
 

package/docs/rules/no-unused-areas.md

@@ -11,11 +11,11 @@ templates and items live in separate files.
 
 ```css
 .layout {
-  grid-template-areas: "header main";
+ grid-template-areas: "header main";
 }
 
 .main {
-  grid-area: main;
+ grid-area: main;
 }
 ```
 
@@ -31,14 +31,14 @@ templates and items live in separate files.
 
 ```css
 .layout {
-  grid-template-areas: "header main";
+ grid-template-areas: "header main";
 }
 
 .header {
-  grid-area: header;
+ grid-area: header;
 }
 
 .main {
-  grid-area: main;
+ grid-area: main;
 }
 ```

package/docs/rules/no-zero-grid-lines.md

@@ -9,13 +9,13 @@ edge. Line `0` does not exist, so placement values using `0` are invalid.
 
 ```css
 .item {
-  grid-column: 0 / 2;
+ grid-column: 0 / 2;
 }
 ```
 
 ```css
 .item {
-  grid-row-end: 0;
+ grid-row-end: 0;
 }
 ```
 
@@ -23,13 +23,13 @@ edge. Line `0` does not exist, so placement values using `0` are invalid.
 
 ```css
 .item {
-  grid-column: 1 / -1;
+ grid-column: 1 / -1;
 }
 ```
 
 ```css
 .item {
-  grid-row: var(--row-start) / var(--row-end);
+ grid-row: var(--row-start) / var(--row-end);
 }
 ```
 
@@ -37,10 +37,10 @@ edge. Line `0` does not exist, so placement values using `0` are invalid.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/no-zero-grid-lines": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/no-zero-grid-lines": true,
+ },
 };
 ```
 

package/docs/rules/prefer-gap-properties.md

@@ -8,9 +8,9 @@ This rule is autofixable.
 
 ```css
 .layout {
-  display: grid;
-  grid-gap: 1rem;
-  grid-column-gap: 2rem;
+ display: grid;
+ grid-gap: 1rem;
+ grid-column-gap: 2rem;
 }
 ```
 
@@ -18,9 +18,9 @@ This rule is autofixable.
 
 ```css
 .layout {
-  display: grid;
-  gap: 1rem;
-  column-gap: 2rem;
+ display: grid;
+ gap: 1rem;
+ column-gap: 2rem;
 }
 ```
 
@@ -28,10 +28,10 @@ This rule is autofixable.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/prefer-gap-properties": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/prefer-gap-properties": true,
+ },
 };
 ```
 

package/docs/rules/prefer-minmax-zero-fr.md

@@ -11,7 +11,7 @@ to the rest of the layout rules.
 
 ```css
 .layout {
-  grid-template-columns: 1fr 2fr;
+ grid-template-columns: 1fr 2fr;
 }
 ```
 
@@ -19,13 +19,13 @@ to the rest of the layout rules.
 
 ```css
 .layout {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+ grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
 }
 ```
 
 ```css
 .layout {
-  grid-template-columns: repeat(2, 1fr);
+ grid-template-columns: repeat(2, 1fr);
 }
 ```
 
@@ -33,10 +33,10 @@ to the rest of the layout rules.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/prefer-minmax-zero-fr": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/prefer-minmax-zero-fr": true,
+ },
 };
 ```
 

package/docs/rules/require-explicit-rows-with-column-flow.md

@@ -15,8 +15,8 @@ cascade layers.
 
 ```css
 .cards {
-  grid-auto-flow: column;
-  grid-template-columns: repeat(3, 1fr);
+ grid-auto-flow: column;
+ grid-template-columns: repeat(3, 1fr);
 }
 ```
 
@@ -24,15 +24,15 @@ cascade layers.
 
 ```css
 .cards {
-  grid-auto-flow: column;
-  grid-auto-rows: minmax(10rem, auto);
+ grid-auto-flow: column;
+ grid-auto-rows: minmax(10rem, auto);
 }
 ```
 
 ```css
 .cards {
-  grid-auto-flow: column;
-  grid-template-rows: repeat(3, minmax(0, 1fr));
+ grid-auto-flow: column;
+ grid-template-rows: repeat(3, minmax(0, 1fr));
 }
 ```
 
@@ -40,10 +40,10 @@ cascade layers.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/require-explicit-rows-with-column-flow": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/require-explicit-rows-with-column-flow": true,
+ },
 };
 ```
 

package/docs/rules/require-explicit-tracks-with-areas.md

@@ -11,7 +11,7 @@ common.
 
 ```css
 .layout {
-  grid-template-areas: "nav main";
+ grid-template-areas: "nav main";
 }
 ```
 
@@ -19,8 +19,8 @@ With `{ rows: true }`:
 
 ```css
 .layout {
-  grid-template-areas: "main";
-  grid-template-columns: minmax(0, 1fr);
+ grid-template-areas: "main";
+ grid-template-columns: minmax(0, 1fr);
 }
 ```
 
@@ -28,8 +28,8 @@ With `{ rows: true }`:
 
 ```css
 .layout {
-  grid-template-areas: "nav main";
-  grid-template-columns: auto minmax(0, 1fr);
+ grid-template-areas: "nav main";
+ grid-template-columns: auto minmax(0, 1fr);
 }
 ```
 
@@ -37,9 +37,9 @@ With `{ rows: true }`:
 
 ```css
 .layout {
-  grid-template-areas: "main";
-  grid-template-columns: minmax(0, 1fr);
-  grid-template-rows: auto;
+ grid-template-areas: "main";
+ grid-template-columns: minmax(0, 1fr);
+ grid-template-rows: auto;
 }
 ```
 
@@ -47,16 +47,16 @@ With `{ rows: true }`:
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/require-explicit-tracks-with-areas": [
-      true,
-      {
-        columns: true,
-        rows: false
-      }
-    ]
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/require-explicit-tracks-with-areas": [
+   true,
+   {
+    columns: true,
+    rows: false,
+   },
+  ],
+ },
 };
 ```
 
@@ -64,10 +64,10 @@ export default {
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/require-explicit-tracks-with-areas": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/require-explicit-tracks-with-areas": true,
+ },
 };
 ```
 

package/docs/rules/validate-area-shapes.md

@@ -9,9 +9,9 @@ authored template declaration instead of leaving it to browser behavior.
 
 ```css
 .layout {
-  grid-template-areas:
-    "main side"
-    "main main";
+ grid-template-areas:
+  "main side"
+  "main main";
 }
 ```
 
@@ -19,9 +19,9 @@ authored template declaration instead of leaving it to browser behavior.
 
 ```css
 .layout {
-  grid-template-areas:
-    "main side"
-    "main side";
+ grid-template-areas:
+  "main side"
+  "main side";
 }
 ```
 
@@ -29,10 +29,10 @@ authored template declaration instead of leaving it to browser behavior.
 
 ```js
 export default {
-  plugins: ["stylelint-plugin-grid"],
-  rules: {
-    "grid/validate-area-shapes": true
-  }
+ plugins: ["stylelint-plugin-grid"],
+ rules: {
+  "grid/validate-area-shapes": true,
+ },
 };
 ```
 

package/docs/rules/validate-track-counts.md

@@ -7,11 +7,11 @@ match the dimensions of `grid-template-areas`.
 
 ```css
 .layout {
-  grid-template-areas:
-    "nav main"
-    "nav footer";
-  grid-template-columns: 12rem;
-  grid-template-rows: auto auto auto;
+ grid-template-areas:
+  "nav main"
+  "nav footer";
+ grid-template-columns: 12rem;
+ grid-template-rows: auto auto auto;
 }
 ```
 
@@ -19,11 +19,11 @@ match the dimensions of `grid-template-areas`.
 
 ```css
 .layout {
-  grid-template-areas:
-    "nav main"
-    "nav footer";
-  grid-template-columns: 12rem 1fr;
-  grid-template-rows: auto auto;
+ grid-template-areas:
+  "nav main"
+  "nav footer";
+ grid-template-columns: 12rem 1fr;
+ grid-template-rows: auto auto;
 }
 ```