DEV Community

Discussion on: CSS Grid in IE11: It's Possible! And Not as Hard as You Think

Collapse
 
nsaunders profile image
Nick Saunders • Edited

You might be interested in inline.style

<div class="grid-template-columns:repeat(4,25%);">...</div>

Start with this HTML.

.grid-template-columns\:repeat\(4\,25\%\)\;{grid-template-columns:repeat(4,25%);}

Hacss generates this CSS rule.

.grid-template-columns\:repeat\(4\,25\%\)\;{-ms-grid-columns:(25%)[4];grid-template-columns:repeat(4,25%);}

Autoprefixer applied to the Hacss output yields this.