W3C home > Mailing lists > Public > public-css-archive@w3.org > March 2020

Re: [csswg-drafts] [css-grid] Allow naming grid rows and columns and allow a grid item to span named grid areas/rows/columns... (#4892)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Sat, 21 Mar 2020 14:28:26 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-602051022-1584800905-sysbot+gh@w3.org>
> Or better yet, simple name rows and columns

Well, that's already kind of possible, you just need to specify `*-start` and `*-end`. And the line names must be `<custom-ident>`.

```css
grid-template-columns: [
  \31\.1-start] 1fr [\31\.1-end
  \31\.2-start] 1fr [\31\.2-end
  \31\.3-start] 1fr [\31\.3-end
  \31\.4-start] 1fr [\31\.4-end
  \31\.1-start] 1fr [\31\.1-end
  \32\.2-start] 1fr [\32\.2-end
  \32\.3-start] 1fr [\32\.3-end
  \32\.4-start] 1fr [\32\.4-end];
grid-template-rows: [
  D\#\/Eb1-start] 1fr [D\#\/Eb1-end
  D1-start]       1fr [D1-end
  C\#\/Db1-start] 1fr [C\#\/Db1-end
  C1-start]       1fr [C1-end];
```

And then

```css
grid-row: C1;
grid-column: \31\.1 / \31\.3;
```

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4892#issuecomment-602051022 using your GitHub account
Received on Saturday, 21 March 2020 14:28:27 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:02 UTC