From d9dddf2f23a6ac04abf0878f2bac44e03474c17e Mon Sep 17 00:00:00 2001 From: Richard Hallows Date: Mon, 8 Mar 2021 12:01:44 +0000 Subject: [PATCH] Fix named-grid-area-no-invalid README (#5187) * Fix named-grid-area-no-invalid README * Update lib/rules/named-grid-areas-no-invalid/README.md Co-authored-by: Masafumi Koba <473530+ybiquitous@users.noreply.github.com> Co-authored-by: Masafumi Koba <473530+ybiquitous@users.noreply.github.com> --- .../named-grid-areas-no-invalid/README.md | 33 +++++++------------ 1 file changed, 12 insertions(+), 21 deletions(-) diff --git a/lib/rules/named-grid-areas-no-invalid/README.md b/lib/rules/named-grid-areas-no-invalid/README.md index 9462cfee14..007247fbb8 100644 --- a/lib/rules/named-grid-areas-no-invalid/README.md +++ b/lib/rules/named-grid-areas-no-invalid/README.md @@ -4,56 +4,47 @@ Disallow invalid named grid areas. ```css -a { grid-template-areas: +a { grid-template-areas: "a a a" "b b b"; } /** ↑ * This named grid area */ ``` +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. + ## Options ### `true` The following patterns are considered violations: -All strings must define the same number of cell tokens. - ```css -a { grid-template-areas: "a a a" - "b b b b"; } +a { grid-template-areas: "" } ``` -All strings must define at least one cell token. - ```css -a { grid-template-areas: "" } +a { grid-template-areas: "a a a" + "b b b b"; } ``` -All named grid areas that spans multiple grid cells must form a single filled-in rectangle. - ```css a { grid-template-areas: "a a a" "b b a"; } ``` -The following patterns are _not_ considered violations: +The following pattern is _not_ considered a violation: ```css a { grid-template-areas: "a a a" "b b b"; } ``` - - -```css -a { grid-template-areas: "a a a" "b b b"; } -``` - - -```css -a { grid-template-areas: none; } -```