search

sylvainpolletvillard / postcss-grid-kiss

A PostCSS plugin to keep CSS grids stupidly simple
https://sylvainpolletvillard.github.io/grid-kiss-playground/index.html
MIT License
1.32k stars 53 forks source link

Use -ms- grid for IE fallback #5

Closed ai closed 7 years ago

ai commented 7 years ago

Technically, IE was the first browser, which support Grid :). His -ms- syntax is very limited. But I found that many features could be implemented. For example, grid-template-areas is not in -ms-, but it is just syntax sugar — you could use different grip properties to set grid child position.

@sylvainpolletvillard do you think it is possible to fallback your awesome plugin for IE using -ms- gird syntax?

sylvainpolletvillard commented 7 years ago

Yeah I already tried to make it work on Edge with the old specification but without grid-template-areas it is very complicated.

But guess what ? I just released 0.3.0 with uses position:absolute and calc() to make it work on (almost) all browsers. Check it out :smile:

https://cdn.rawgit.com/sylvainpolletvillard/postcss-grid-kiss/0.3.0/playground/index.html

ai commented 7 years ago

Yeap, fallback is so awesome!

IE 11 is still 10 %. Too big to loose users because of this plugin.

I know that it is hard without grid-template-areas. But maybe you could try. Image how awesome plugin become (“CSS only CSS Grid Layout polyfill with even better syntax!!!”) ;).

ai commented 7 years ago

If you need some support, I could promote this issue in PostCSS twitter and my company’s Cult of Martians.

sylvainpolletvillard commented 7 years ago

What about a fallback:"only" option which will only keep the fallback code ? Then it will only require calc(), which is supported even by IE9. And it's much simpler :wink:

ai commented 7 years ago

Hm. Sure.

sylvainpolletvillard commented 7 years ago

I put this on top of the list for v0.4. If the next release could work on IE9, this would be awesome