stylelint-plugin-grid 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/_internal/grid-placement-analysis.d.ts +20 -0
- package/dist/_internal/grid-placement-analysis.d.ts.map +1 -0
- package/dist/_internal/grid-placement-analysis.js +59 -0
- package/dist/_internal/grid-placement-analysis.js.map +1 -0
- package/dist/_internal/grid-template-analysis.d.ts +2 -0
- package/dist/_internal/grid-template-analysis.d.ts.map +1 -1
- package/dist/_internal/grid-template-analysis.js +4 -0
- package/dist/_internal/grid-template-analysis.js.map +1 -1
- package/dist/_internal/rules-registry.d.ts.map +1 -1
- package/dist/_internal/rules-registry.js +16 -0
- package/dist/_internal/rules-registry.js.map +1 -1
- package/dist/plugin.cjs +893 -285
- package/dist/plugin.cjs.map +4 -4
- package/dist/rules/no-conflicting-placement.d.ts +8 -0
- package/dist/rules/no-conflicting-placement.d.ts.map +1 -0
- package/dist/rules/no-conflicting-placement.js +70 -0
- package/dist/rules/no-conflicting-placement.js.map +1 -0
- package/dist/rules/no-ineffective-container-properties.d.ts +8 -0
- package/dist/rules/no-ineffective-container-properties.d.ts.map +1 -0
- package/dist/rules/no-ineffective-container-properties.js +97 -0
- package/dist/rules/no-ineffective-container-properties.js.map +1 -0
- package/dist/rules/no-invalid-repeat-count.d.ts +8 -0
- package/dist/rules/no-invalid-repeat-count.d.ts.map +1 -0
- package/dist/rules/no-invalid-repeat-count.js +75 -0
- package/dist/rules/no-invalid-repeat-count.js.map +1 -0
- package/dist/rules/no-invalid-span.d.ts +8 -0
- package/dist/rules/no-invalid-span.d.ts.map +1 -0
- package/dist/rules/no-invalid-span.js +49 -0
- package/dist/rules/no-invalid-span.js.map +1 -0
- package/dist/rules/no-reversed-placement-lines.d.ts +8 -0
- package/dist/rules/no-reversed-placement-lines.d.ts.map +1 -0
- package/dist/rules/no-reversed-placement-lines.js +129 -0
- package/dist/rules/no-reversed-placement-lines.js.map +1 -0
- package/dist/rules/no-zero-grid-lines.d.ts +8 -0
- package/dist/rules/no-zero-grid-lines.d.ts.map +1 -0
- package/dist/rules/no-zero-grid-lines.js +48 -0
- package/dist/rules/no-zero-grid-lines.js.map +1 -0
- package/dist/rules/prefer-minmax-zero-fr.d.ts +8 -0
- package/dist/rules/prefer-minmax-zero-fr.d.ts.map +1 -0
- package/dist/rules/prefer-minmax-zero-fr.js +56 -0
- package/dist/rules/prefer-minmax-zero-fr.js.map +1 -0
- package/dist/rules/require-explicit-tracks-with-areas.d.ts +12 -0
- package/dist/rules/require-explicit-tracks-with-areas.d.ts.map +1 -0
- package/dist/rules/require-explicit-tracks-with-areas.js +65 -0
- package/dist/rules/require-explicit-tracks-with-areas.js.map +1 -0
- package/docs/rules/configs/grid-all.md +8 -0
- package/docs/rules/configs/grid-recommended.md +6 -0
- package/docs/rules/configs/index.md +8 -0
- package/docs/rules/no-conflicting-placement.md +59 -0
- package/docs/rules/no-ineffective-container-properties.md +63 -0
- package/docs/rules/no-invalid-repeat-count.md +56 -0
- package/docs/rules/no-invalid-span.md +55 -0
- package/docs/rules/no-reversed-placement-lines.md +56 -0
- package/docs/rules/no-zero-grid-lines.md +53 -0
- package/docs/rules/prefer-minmax-zero-fr.md +49 -0
- package/docs/rules/require-explicit-tracks-with-areas.md +80 -0
- package/package.json +1 -1
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
# require-explicit-tracks-with-areas
|
|
2
|
+
|
|
3
|
+
Require explicit track sizing alongside CSS Grid named area templates.
|
|
4
|
+
|
|
5
|
+
Named area templates are easiest to maintain when their columns, and optionally
|
|
6
|
+
their rows, are sized in the same block. By default this rule requires
|
|
7
|
+
`grid-template-columns` and leaves rows optional because auto-sized rows are
|
|
8
|
+
common.
|
|
9
|
+
|
|
10
|
+
## Incorrect
|
|
11
|
+
|
|
12
|
+
```css
|
|
13
|
+
.layout {
|
|
14
|
+
grid-template-areas: "nav main";
|
|
15
|
+
}
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
With `{ rows: true }`:
|
|
19
|
+
|
|
20
|
+
```css
|
|
21
|
+
.layout {
|
|
22
|
+
grid-template-areas: "main";
|
|
23
|
+
grid-template-columns: minmax(0, 1fr);
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Correct
|
|
28
|
+
|
|
29
|
+
```css
|
|
30
|
+
.layout {
|
|
31
|
+
grid-template-areas: "nav main";
|
|
32
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
33
|
+
}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
With `{ rows: true }`:
|
|
37
|
+
|
|
38
|
+
```css
|
|
39
|
+
.layout {
|
|
40
|
+
grid-template-areas: "main";
|
|
41
|
+
grid-template-columns: minmax(0, 1fr);
|
|
42
|
+
grid-template-rows: auto;
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Options
|
|
47
|
+
|
|
48
|
+
```js
|
|
49
|
+
export default {
|
|
50
|
+
plugins: ["stylelint-plugin-grid"],
|
|
51
|
+
rules: {
|
|
52
|
+
"grid/require-explicit-tracks-with-areas": [
|
|
53
|
+
true,
|
|
54
|
+
{
|
|
55
|
+
columns: true,
|
|
56
|
+
rows: false
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Stylelint Config
|
|
64
|
+
|
|
65
|
+
```js
|
|
66
|
+
export default {
|
|
67
|
+
plugins: ["stylelint-plugin-grid"],
|
|
68
|
+
rules: {
|
|
69
|
+
"grid/require-explicit-tracks-with-areas": true
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## Related Rules
|
|
75
|
+
|
|
76
|
+
- [`no-mismatched-template-rows`](./no-mismatched-template-rows.md) compares
|
|
77
|
+
named area rows with `grid-template-rows`.
|
|
78
|
+
- [`validate-track-counts`](./validate-track-counts.md) compares named area
|
|
79
|
+
columns and rows with explicit track counts.
|
|
80
|
+
- [`grid-all`](./configs/grid-all.md) enables this optional rule.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://www.schemastore.org/package.json",
|
|
3
3
|
"name": "stylelint-plugin-grid",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Stylelint rules for CSS Grid correctness, safe grid patterns, and common layout bug prevention.",
|
|
7
7
|
"keywords": [
|