PostCSS plugin that shims basic behavior of the proposed CSS display: subgrid
spec.
Note: This plugin only provides a shorthand for monkey-patching a single use-case for CSS subgrids: inheriting the parent grid for full-width containers with placed children.
See this Codepen for a demonstration.
.foo {
display: subgrid;
}
.foo {
display: grid;
grid-column: 1 / -1;
grid-template-columns: inherit;
grid-gap: inherit;
margin: 0;
padding: 0;
}
Open to suggestions and PRs for other hacks/patterns that could be included to shim more advanced subgrid behavior.