Rule details

Disallow invalid named grid areas.

What type of rule is this?

Warns about a potential problem

Example code

a { grid-template-areas: "a a a"
                         "b b b b"; }

Prior Art

named-grid-areas-no-invalid from stylelint

Participation

• I am willing to submit a pull request to implement this rule.
  To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.

Additional comments

For a named grid area to be valid, all strings must define:

• the same number of cell tokens
• at least one cell token

And all named grid areas that spans multiple grid cells must form a single filled-in rectangle.