support grid-area, grid-row-end, and grid-column-end with span syntax
See original GitHub issueautoprefixer seems to completely ignore grid-area
, grid-row-end
, and grid-column-end
, even though the span
syntax should be translatable:
grid-area: 5 / 1 / span 1 / span 5;
/* could turn into */
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-row-span: 1;
-ms-grid-column-span: 5;
Issue Analytics
- State:
- Created 6 years ago
- Reactions:4
- Comments:5 (5 by maintainers)
Top Results From Across the Web
grid-area - CSS: Cascading Style Sheets - MDN Web Docs
The grid-area CSS shorthand property specifies a grid item's size and location within a grid by contributing a line, a span, ...
Read more >CSS grid-area property - W3Schools
Property Values ; grid-row-end, Specifies on which row-line to stop displaying the item, or how many rows to span. Demo ❯ ; grid-column-end,...
Read more >A Complete Guide to CSS Grid
Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.
Read more >CSS Grid Layout: The Span Keyword - DigitalOcean
If you've enjoyed this tutorial and our broader community, consider checking out our DigitalOcean products which can also help you achieve your ...
Read more >grid-area - CSS: Cascading Style Sheets
grid-row-end : as specified; grid-column-end : as specified. Animation type, discrete. Formal syntax. <grid-line> [ ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
https://github.com/postcss/autoprefixer/pull/938 improved Grid support
Even
grid-template-areas
support was added https://github.com/postcss/autoprefixer/pull/948