question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

support grid-area, grid-row-end, and grid-column-end with span syntax

See original GitHub issue

autoprefixer 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:closed
  • Created 6 years ago
  • Reactions:4
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
aicommented, Nov 8, 2017
2reactions
aicommented, Dec 3, 2017

Even grid-template-areas support was added https://github.com/postcss/autoprefixer/pull/948

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found