{"id":15470554,"url":"https://github.com/madeleineostoja/postcss-subgrid","last_synced_at":"2026-01-30T00:41:09.654Z","repository":{"id":44176300,"uuid":"125488822","full_name":"madeleineostoja/postcss-subgrid","owner":"madeleineostoja","description":"PostCSS plugin that shims some basic behaviour of the proposed CSS subgrid spec","archived":false,"fork":false,"pushed_at":"2023-01-04T21:36:51.000Z","size":923,"stargazers_count":10,"open_issues_count":16,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-31T21:24:06.238Z","etag":null,"topics":["css-grid","polyfill","postcss","postcss-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/madeleineostoja.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-16T08:45:52.000Z","updated_at":"2024-01-26T14:23:59.000Z","dependencies_parsed_at":"2023-02-02T20:46:10.845Z","dependency_job_id":null,"html_url":"https://github.com/madeleineostoja/postcss-subgrid","commit_stats":null,"previous_names":["seaneking/postcss-subgrid"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/madeleineostoja/postcss-subgrid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madeleineostoja%2Fpostcss-subgrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madeleineostoja%2Fpostcss-subgrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madeleineostoja%2Fpostcss-subgrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madeleineostoja%2Fpostcss-subgrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madeleineostoja","download_url":"https://codeload.github.com/madeleineostoja/postcss-subgrid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madeleineostoja%2Fpostcss-subgrid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28891996,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T21:06:44.224Z","status":"ssl_error","status_checked_at":"2026-01-29T21:06:42.160Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-grid","polyfill","postcss","postcss-plugin"],"created_at":"2024-10-02T02:05:22.354Z","updated_at":"2026-01-30T00:41:09.627Z","avatar_url":"https://github.com/madeleineostoja.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PostCSS Subgrid\n\n[![][ci-img]][ci]\n\n[PostCSS] plugin that shims basic behavior of the proposed CSS `display: subgrid` [spec].\n\nUse as an easy shortcut to inherit full-width subgrids. This plugin **is not** a polyfill for real subgrids, and doesn't help with creating partial/properly nested grids as part of a complex layout.\n\nSee **[this Codepen][codepen]** for a demonstration.\n\n#### Input\n\n```css\n.foo {\n  display: subgrid;\n}\n```\n\n#### Output\n\n```css\n.foo {\n  display: grid;\n  grid-column: 1 / -1;\n  grid: inherit;\n  grid-gap: inherit;\n}\n```\n\n## Shimming IE for autoprefixer\n\nIf you are using [autoprefixer][autoprefixer] to attempt to shim grids in IE11, then pass `ieHack: true` to `postcss-subgrid`. It will output a hack for the `grid-column` property as well as an empty `grid-template-areas` and an explicit `grid-template-columns` inheritance in order for the subgrid to be transformed properly.\n\nIt will also generate explicit row placements for immediate children of the subgrid. You can configure how many chidren rows to create using the `-ms-subgrid-rows` meta property, which defaults to `5`;\n\n```css\n.foo {\n  display: subgrid;\n  -ms-subgrid-rows: 2;\n}\n```\n\n```css\n.foo {\n  display: grid;\n  grid-column: 1 / 99;\n  grid: inherit;\n  grid-gap: inherit;\n  grid-template-columns: inherit;\n  grid-template-areas: ;\n}\n\n.foo \u003e :nth-child(1) {\n  -ms-grid-row: 1;\n}\n\n.foo \u003e :nth-child(2) {\n  -ms-grid-row: 2;\n}\n```\n\n---\n\nOpen to PRs for other hacks/patterns that could be included to shim more subgrid behavior\n\n[spec]: https://www.w3.org/TR/css-grid-2/#subgrids\n[postcss]: https://github.com/postcss/postcss\n[codepen]: https://codepen.io/seaneking/pen/MVePPv\n[ci-img]: https://travis-ci.org/seaneking/postcss-subgrid.svg\n[ci]: https://travis-ci.org/seaneking/postcss-subgrid\n[autoprefixer]: https://github.com/postcss/autoprefixer\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadeleineostoja%2Fpostcss-subgrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadeleineostoja%2Fpostcss-subgrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadeleineostoja%2Fpostcss-subgrid/lists"}