{"id":16199124,"url":"https://github.com/ausi/cq-prolyfill","last_synced_at":"2025-05-16T06:00:21.457Z","repository":{"id":35793977,"uuid":"40075199","full_name":"ausi/cq-prolyfill","owner":"ausi","description":"Prolyfill for CSS Container Queries","archived":false,"fork":false,"pushed_at":"2023-08-15T07:02:30.000Z","size":294,"stargazers_count":565,"open_issues_count":21,"forks_count":39,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-05-06T07:32:49.260Z","etag":null,"topics":["container-queries","css","element-queries","javascript"],"latest_commit_sha":null,"homepage":"https://au.si/css-container-element-queries","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/ausi.png","metadata":{"files":{"readme":"README.md","changelog":null,"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},"funding":{"github":["ausi"]}},"created_at":"2015-08-02T09:47:04.000Z","updated_at":"2025-03-11T16:01:10.000Z","dependencies_parsed_at":"2024-01-11T19:18:17.959Z","dependency_job_id":"efd5eefc-3d0c-46d5-a499-d33c9856fdaf","html_url":"https://github.com/ausi/cq-prolyfill","commit_stats":{"total_commits":251,"total_committers":4,"mean_commits":62.75,"dds":"0.015936254980079667","last_synced_commit":"06ace06fec8b4f80ccbd92a2abf41e2d30c80e6d"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ausi%2Fcq-prolyfill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ausi%2Fcq-prolyfill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ausi%2Fcq-prolyfill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ausi%2Fcq-prolyfill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ausi","download_url":"https://codeload.github.com/ausi/cq-prolyfill/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254265495,"owners_count":22041926,"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":["container-queries","css","element-queries","javascript"],"created_at":"2024-10-10T09:24:22.027Z","updated_at":"2025-05-16T06:00:19.182Z","avatar_url":"https://github.com/ausi.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ausi","https://www.patreon.com/ausi"],"categories":[],"sub_categories":[],"readme":"# Container Queries Prolyfill\n\n[![Build Status](https://img.shields.io/travis/ausi/cq-prolyfill/master.svg?style=flat-square)](https://travis-ci.org/ausi/cq-prolyfill/branches) [![Coverage](https://img.shields.io/coveralls/ausi/cq-prolyfill/master.svg?style=flat-square)](https://coveralls.io/github/ausi/cq-prolyfill?branch=master) [![npm version](https://img.shields.io/npm/v/cq-prolyfill.svg?style=flat-square) ![npm downloads](https://img.shields.io/npm/dt/cq-prolyfill.svg?style=flat-square)](https://www.npmjs.com/package/cq-prolyfill) ![MIT](https://img.shields.io/npm/l/cq-prolyfill.svg?style=flat-square)\n\nThis is a [prolyfill](https://au.si/what-is-a-prolyfill) for a special version of [container queries](https://github.com/ResponsiveImagesCG/container-queries) (aka element queries). You can read more about the idea and how they work internally in [this article](https://au.si/css-container-element-queries).\n\n## Demo\n\nA quick demo of the container queries in action can be found here:\n\u003chttps://ausi.github.io/cq-prolyfill/demo/\u003e\n\n## Usage\n\nWith this prolyfill you can use container queries in your CSS in the following form:\n\n```css\n.element:container(min-width: 100px) {\n\t/* Styles for .element if its container is at least 100px wide */\n}\n.element[data-cq~=\"min-width:100px\"] {\n\t/* Alternative syntax, same as the container query above */\n}\n.element:container(text-align = right) {\n\t/* Styles for .element if its container has a right text-align */\n}\n```\n\nFor more information take a look at the [usage documentation](docs/usage.md).\n\n## Documentation\n\n[Read the documentation](docs/index.md) to see how you can install and use this script on your next project.\n\n## Browser Support\n\n* Firefox 36+\n* Opera 12.16+\n* Chrome 40+\n* Internet Explorer 9+\n* Edge\n* Safari 7+\n* Yandex 14+\n* iOS 7+\n* Android 4+\n* Windows Phone 8.1+\n\nThanks to [BrowserStack](https://www.browserstack.com/automate) for sponsoring automated cross browser testing for this project.\n\n## Contribute\n\n* Create a [new issue on GitHub](https://github.com/ausi/cq-prolyfill/issues/new) if you have a question, a suggestion or found a bug.\n* Talk about it on IRC: Join `#cq-prolyfill` on Freenode or [connect with the browser](https://webchat.freenode.net?randomnick=1\u0026channels=%23cq-prolyfill\u0026prompt=1).\n* Spread the word about this project.\n* [Support this project on Patreon](https://www.patreon.com/ausi).\n\n## Sponsors\n\nThanks to all sponsors that help to bring this project forward. You can [become a sponsor now](https://www.patreon.com/ausi) too.\n\n* [Webflow](https://webflow.com/)\n* [BrowserStack](https://www.browserstack.com/)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fausi%2Fcq-prolyfill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fausi%2Fcq-prolyfill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fausi%2Fcq-prolyfill/lists"}