{"id":13682383,"url":"https://github.com/jhildenbiddle/css-vars-ponyfill","last_synced_at":"2025-05-14T03:11:34.540Z","repository":{"id":37403309,"uuid":"111427718","full_name":"jhildenbiddle/css-vars-ponyfill","owner":"jhildenbiddle","description":"Client-side support for CSS custom properties (aka \"CSS variables\") in legacy and modern browsers","archived":false,"fork":false,"pushed_at":"2024-03-05T21:36:28.000Z","size":3923,"stargazers_count":1465,"open_issues_count":5,"forks_count":64,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-05-01T11:05:18.056Z","etag":null,"topics":["client","client-side","css","custom-properties","custom-property","ie","ie10","ie11","ie9","internet-explorer","javascript","legacy","module","polyfill","ponyfill","shadow","shadow-dom","variables","vars","web-component"],"latest_commit_sha":null,"homepage":"https://jhildenbiddle.github.io/css-vars-ponyfill","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/jhildenbiddle.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"jhildenbiddle"}},"created_at":"2017-11-20T15:24:23.000Z","updated_at":"2025-03-21T03:15:37.000Z","dependencies_parsed_at":"2024-06-18T11:22:48.162Z","dependency_job_id":"ff5bad22-543c-467f-9e50-55499df00911","html_url":"https://github.com/jhildenbiddle/css-vars-ponyfill","commit_stats":{"total_commits":467,"total_committers":5,"mean_commits":93.4,"dds":0.0770877944325482,"last_synced_commit":"895cc48b5ddc178053b028b2cedf135ebea160ea"},"previous_names":[],"tags_count":60,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhildenbiddle%2Fcss-vars-ponyfill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhildenbiddle%2Fcss-vars-ponyfill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhildenbiddle%2Fcss-vars-ponyfill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhildenbiddle%2Fcss-vars-ponyfill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jhildenbiddle","download_url":"https://codeload.github.com/jhildenbiddle/css-vars-ponyfill/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254059520,"owners_count":22007771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["client","client-side","css","custom-properties","custom-property","ie","ie10","ie11","ie9","internet-explorer","javascript","legacy","module","polyfill","ponyfill","shadow","shadow-dom","variables","vars","web-component"],"created_at":"2024-08-02T13:01:45.183Z","updated_at":"2025-05-14T03:11:29.523Z","avatar_url":"https://github.com/jhildenbiddle.png","language":"JavaScript","funding_links":["https://github.com/sponsors/jhildenbiddle"],"categories":["JavaScript"],"sub_categories":[],"readme":"# css-vars-ponyfill\n\n[![NPM](https://img.shields.io/npm/v/css-vars-ponyfill.svg?style=flat-square)](https://www.npmjs.com/package/css-vars-ponyfill)\n[![GitHub Workflow Status (master)](https://img.shields.io/github/actions/workflow/status/jhildenbiddle/css-vars-ponyfill/test.yml?branch=master\u0026label=checks\u0026style=flat-square)](https://github.com/jhildenbiddle/css-vars-ponyfill/actions?query=branch%3Amaster+)\n[![Codacy code quality](https://img.shields.io/codacy/grade/cb3acd7af0a34f3ea2c9f330548e2055/master?style=flat-square)](https://app.codacy.com/gh/jhildenbiddle/css-vars-ponyfill/dashboard?branch=master)\n[![Codacy branch coverage](https://img.shields.io/codacy/coverage/cb3acd7af0a34f3ea2c9f330548e2055/master?style=flat-square)](https://app.codacy.com/gh/jhildenbiddle/css-vars-ponyfill/dashboard?branch=master)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://github.com/jhildenbiddle/css-vars-ponyfill/blob/master/LICENSE)\n[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/css-vars-ponyfill/badge)](https://www.jsdelivr.com/package/npm/css-vars-ponyfill)\n[![Sponsor this project](https://img.shields.io/static/v1?style=flat-square\u0026label=Sponsor\u0026message=%E2%9D%A4\u0026logo=GitHub\u0026color=%23fe8e86)](https://github.com/sponsors/jhildenbiddle)\n\nA [ponyfill](https://ponyfill.com/) that provides client-side support for [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) (aka \"CSS variables\") in legacy and modern browsers.\n\n- [Documentation \u0026 Demos](https://jhildenbiddle.github.io/css-vars-ponyfill)\n\n## Features\n\n- Client-side transformation of CSS custom properties to static values\n- Live updates of runtime values in both modern and legacy browsers\n- Transforms `\u003clink\u003e`, `\u003cstyle\u003e`, and `@import` CSS\n- Transforms relative `url()` paths to absolute URLs\n- Supports chained and nested `var()` functions\n- Supports `var()` function fallback values\n- Supports web components / shadow DOM CSS\n- Watch mode auto-updates on `\u003clink\u003e` and `\u003cstyle\u003e` changes\n- UMD and ES6 module available\n- TypeScript definitions included\n- Lightweight (6k min+gzip) and dependency-free\n\n**Limitations**\n\n- Custom property declaration support is limited to `:root` and `:host` rulesets\n- The use of `var()` is limited to property values (per [W3C specification](https://www.w3.org/TR/css-variables/))\n- CSS changes made using [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model) are not supported (see [#19](https://github.com/jhildenbiddle/css-vars-ponyfill/issues/19), [#23](https://github.com/jhildenbiddle/css-vars-ponyfill/issues/23), [#77](https://github.com/jhildenbiddle/css-vars-ponyfill/issues/77), [#154](https://github.com/jhildenbiddle/css-vars-ponyfill/issues/154)).\n\n**Browser Support**\n\n\u003cimg src=\"https://jhildenbiddle.github.io/css-vars-ponyfill/assets/img/chrome.svg\" style=\"margin-right: 0.4em; vertical-align: text-bottom;\"\u003e Chrome 19+\n\u003cbr\u003e\n\u003cimg src=\"https://jhildenbiddle.github.io/css-vars-ponyfill/assets/img/edge.svg\" style=\"margin-right: 0.4em; vertical-align: text-bottom;\"\u003e Edge 12+\n\u003cbr\u003e\n\u003cimg src=\"https://jhildenbiddle.github.io/css-vars-ponyfill/assets/img/firefox.svg\" style=\"margin-right: 0.4em; vertical-align: text-bottom;\"\u003e Firefox 6+\n\u003cbr\u003e\n\u003cimg src=\"https://jhildenbiddle.github.io/css-vars-ponyfill/assets/img/ie.svg\" style=\"margin-right: 0.4em; vertical-align: text-bottom;\"\u003e IE 9+\n\u003cbr\u003e\n\u003cimg src=\"https://jhildenbiddle.github.io/css-vars-ponyfill/assets/img/safari.svg\" style=\"margin-right: 0.4em; vertical-align: text-bottom;\"\u003e Safari 6+\n\n## Usage \u0026 Options\n\nSee the [documentation site](https://jhildenbiddle.github.io/css-vars-ponyfill) for details.\n\n## Sponsorship\n\nA [sponsorship](https://github.com/sponsors/jhildenbiddle) is more than just a way to show appreciation for the open-source authors and projects we rely on; it can be the spark that ignites the next big idea, the inspiration to create something new, and the motivation to share so that others may benefit.\n\nIf you benefit from this project, please consider lending your support and encouraging future efforts by [becoming a sponsor](https://github.com/sponsors/jhildenbiddle).\n\nThank you! 🙏🏻\n\n## Contact \u0026 Support\n\n- Follow 👨🏻‍💻 **@jhildenbiddle** on [Twitter](https://twitter.com/jhildenbiddle) and [GitHub](https://github.com/jhildenbiddle) for announcements\n- Create a 💬 [GitHub issue](https://github.com/jhildenbiddle/css-vars-ponyfill/issues) for bug reports, feature requests, or questions\n- Add a ⭐️ [star on GitHub](https://github.com/jhildenbiddle/css-vars-ponyfill) and 🐦 [tweet](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fjhildenbiddle%2Fcss-vars-ponyfill\u0026hashtags=css,developers,frontend,javascript) to promote the project\n- Become a 💖 [sponsor](https://github.com/sponsors/jhildenbiddle) to support the project and future efforts\n\n## License\n\nThis project is licensed under the MIT License. See the [MIT LICENSE](https://github.com/jhildenbiddle/css-vars-ponyfill/blob/master/LICENSE) for details.\n\nCopyright (c) John Hildenbiddle ([@jhildenbiddle](https://twitter.com/jhildenbiddle))\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhildenbiddle%2Fcss-vars-ponyfill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhildenbiddle%2Fcss-vars-ponyfill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhildenbiddle%2Fcss-vars-ponyfill/lists"}