{"id":18496428,"url":"https://github.com/oddbird/css-toggles","last_synced_at":"2025-09-20T19:31:04.078Z","repository":{"id":36960768,"uuid":"468887468","full_name":"oddbird/css-toggles","owner":"oddbird","description":"CSS Toggles demo and polyfill","archived":false,"fork":false,"pushed_at":"2024-07-10T18:56:12.000Z","size":679,"stargazers_count":59,"open_issues_count":12,"forks_count":2,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-10-29T18:48:47.372Z","etag":null,"topics":["css","polyfill"],"latest_commit_sha":null,"homepage":"https://toggles.oddbird.net","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oddbird.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"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":"oddbird","open_collective":"oddbird-open-source"}},"created_at":"2022-03-11T20:14:29.000Z","updated_at":"2024-10-21T18:11:45.000Z","dependencies_parsed_at":"2023-12-05T00:23:44.039Z","dependency_job_id":"b70a1a7a-8725-464b-a66d-9bcadac51fe2","html_url":"https://github.com/oddbird/css-toggles","commit_stats":{"total_commits":200,"total_committers":6,"mean_commits":"33.333333333333336","dds":0.6599999999999999,"last_synced_commit":"1d6c22b76f8cfa8cc19d4f5e273e5ab0627b1a26"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Fcss-toggles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Fcss-toggles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Fcss-toggles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oddbird%2Fcss-toggles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oddbird","download_url":"https://codeload.github.com/oddbird/css-toggles/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233682524,"owners_count":18713554,"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":["css","polyfill"],"created_at":"2024-11-06T13:29:24.404Z","updated_at":"2025-09-20T19:30:58.798Z","avatar_url":"https://github.com/oddbird.png","language":"JavaScript","funding_links":["https://github.com/sponsors/oddbird","https://opencollective.com/oddbird-open-source"],"categories":[],"sub_categories":[],"readme":"# CSS Toggles preview\n\n- [Demo](https://toggles.oddbird.net)\n- [Explainer](https://css.oddbird.net/toggles/explainer/)\n- [Draft Spec](https://tabatkins.github.io/css-toggle/)\n\n## Polyfill Installation\n\n### Download a copy\n\nThe simplest, recommended way to install the polyfill is to copy it into your\nproject.\n\nDownload `css-toggles.min.js` [from\nunpkg.com](https://unpkg.com/browse/@oddbird/css-toggles/dist/) and add it to\nthe appropriate directory in your project. Then, include it where necessary with\na `\u003cscript\u003e` tag:\n\n```html\n\u003cscript src=\"/path/to/css-toggles.min.js\" type=\"module\"\u003e\u003c/script\u003e\n```\n\nYou can also use an\n[IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE) version if your\ntarget browsers require it:\n\n```html\n\u003cscript src=\"/path/to/css-toggles.iife.min.js\"\u003e\u003c/script\u003e\n```\n\n### With npm\n\nFor more advanced configuration, you can install with\n[npm](https://www.npmjs.com/):\n\n```sh\nnpm install @oddbird/css-toggles\n```\n\nAfter installing, you’ll need to use appropriate tooling to use `node_modules/@oddbird/css-toggles/dist/css-toggles.js` (or `.min.js`).\n\n### Via CDN\n\nFor prototyping or testing, you can use the npm package via a Content Delivery\nNetwork. Avoid using JavaScript CDN’s in production, for [many good\nreasons](https://blog.wesleyac.com/posts/why-not-javascript-cdn) such as\nperformance and robustness.\n\n```html\n\u003cscript\n  src=\"https://cdn.jsdelivr.net/npm/@oddbird/css-toggles@latest\"\n  crossorigin=\"anonymous\"\n  defer\n\u003e\u003c/script\u003e\n```\n\n## Usage\n\nAfter installation the polyfill will automatically parse all stylesheets present\nin the HTML document (both inline and linked) for the proposed CSS Toggles\nsyntax. Once the styles are parsed the toggling behavior will be polyfilled with\nJavaScript.\n\n## Contributing\n\nVisit our [contribution guidelines](https://github.com/oddbird/css-toggles/blob/main/CONTRIBUTING.md).\n\n## Sponsor OddBird's OSS Work\n\nAt OddBird, we love contributing to the languages \u0026 tools developers rely on.\nWe're currently working on polyfills\nfor new Popover \u0026 Anchor Positioning functionality,\nas well as CSS specifications for functions, mixins, and responsive typography.\nHelp us keep this work sustainable\nand centered on your needs as a developer!\nWe display sponsor logos and avatars\non our [website](https://www.oddbird.net/polyfill/#open-source-sponsors).\n\n[Sponsor OddBird's OSS Work](https://opencollective.com/oddbird-open-source)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foddbird%2Fcss-toggles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foddbird%2Fcss-toggles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foddbird%2Fcss-toggles/lists"}