1 | # named-grid-areas-no-invalid
|
2 |
|
3 | Disallow invalid named grid areas.
|
4 |
|
5 |
|
6 | ```css
|
7 | a { grid-template-areas:
|
8 | "a a a"
|
9 | "b b b"; }
|
10 | /** ↑
|
11 | * This named grid area */
|
12 | ```
|
13 |
|
14 | For a named grid area to be valid, all strings must define:
|
15 |
|
16 | - the same number of cell tokens
|
17 | - at least one cell token
|
18 |
|
19 | And all named grid areas that spans multiple grid cells must form a single filled-in rectangle.
|
20 |
|
21 | ## Options
|
22 |
|
23 | ### `true`
|
24 |
|
25 | The following patterns are considered problems:
|
26 |
|
27 |
|
28 | ```css
|
29 | a { grid-template-areas: "" }
|
30 | ```
|
31 |
|
32 |
|
33 | ```css
|
34 | a { grid-template-areas: "a a a"
|
35 | "b b b b"; }
|
36 | ```
|
37 |
|
38 |
|
39 | ```css
|
40 | a { grid-template-areas: "a a a"
|
41 | "b b a"; }
|
42 | ```
|
43 |
|
44 | The following pattern is _not_ considered a problem:
|
45 |
|
46 |
|
47 | ```css
|
48 | a { grid-template-areas: "a a a"
|
49 | "b b b"; }
|
50 | ```
|