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

hmmm...but what is `U+0030` and what does it mean? Like, why does it even exist? Is it because I cannot start the name of a grid line with a number? And why not? Or....I dunno...some other reason...? Trying to wrap my head around these railroad diagrams but I am admittedly waaaaay in over my head here...

sooo...maybe I'm starting to get the idea of how this naming system works, albeit very bizarre and convoluted, at least to me...so maybe like this?:

```css
grid-template-columns:
  [
  _1_1-start] 1fr [_1_1-end
  _1_2-start] 1fr [_1_2-end
  _1_3-start] 1fr [_1_3-end
  .........moar uv dem.........
  _2_4-start] 1fr [_2_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];
```

...but ideally, I would want the API of a note definition to look like this for the end user of the component:

```jsx
<Note name='C#1' start='1.2' length='1/4' velocity='95' offset='+24' />
```

...so how could I go about transforming this monstrosity: `D\#\/Eb1-start` into this: `D#1` so that the end user or the API would never have to write or see something so strange and unnatural (honestly, only being slightly cheeky here...this has been making my head spin for a minute)...



-- 
GitHub Notification of comment by rchrdnsh
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4892#issuecomment-610196069 using your GitHub account

Received on Tuesday, 7 April 2020 06:14:08 UTC