{"id":13459364,"url":"https://github.com/elad2412/the-new-css-reset","last_synced_at":"2025-05-14T03:08:52.075Z","repository":{"id":37233577,"uuid":"362374410","full_name":"elad2412/the-new-css-reset","owner":"elad2412","description":"The New Simple and Lighter CSS Reset","archived":false,"fork":false,"pushed_at":"2024-08-24T19:43:16.000Z","size":90,"stargazers_count":2300,"open_issues_count":14,"forks_count":226,"subscribers_count":45,"default_branch":"main","last_synced_at":"2025-05-10T10:36:42.934Z","etag":null,"topics":["css","reset-css"],"latest_commit_sha":null,"homepage":"https://elad2412.github.io/the-new-css-reset/","language":"CSS","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/elad2412.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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}},"created_at":"2021-04-28T07:17:46.000Z","updated_at":"2025-05-09T14:16:59.000Z","dependencies_parsed_at":"2023-02-12T08:45:40.533Z","dependency_job_id":"928a6be4-0a6f-4a81-b02d-cdf20bd4f594","html_url":"https://github.com/elad2412/the-new-css-reset","commit_stats":{"total_commits":101,"total_committers":14,"mean_commits":7.214285714285714,"dds":"0.17821782178217827","last_synced_commit":"e84f00f3e1bfe3d06be0008f711c60f407a3cce3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elad2412%2Fthe-new-css-reset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elad2412%2Fthe-new-css-reset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elad2412%2Fthe-new-css-reset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elad2412%2Fthe-new-css-reset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/elad2412","download_url":"https://codeload.github.com/elad2412/the-new-css-reset/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253503097,"owners_count":21918554,"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","reset-css"],"created_at":"2024-07-31T09:01:18.607Z","updated_at":"2025-05-14T03:08:52.033Z","avatar_url":"https://github.com/elad2412.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# ⏪ The New CSS Reset\n**A package that resets some of the default, user agent based, styles.**\n\nIt **doesn't** affect the `display` property and special HTML elements like ```iframe```, ```canvas```, ```img```, ```svg``` and ```video```.\n\n**This package is using the new CSS features:**\n- The global CSS reset keywords, `unset` and `revert` keywords.\n- The new property of `all` which can reset all properties combined.\n- The ```:where()``` pseudo-class to remove specificity.\n- The ```:not()``` pseudo-class with multi arguments.\n\n## Motivation\nThis package is built with the understanding that we don’t want to use default styles we are getting from the browsers, except for the `display` property.\n\n## How to get started?\n**Run ```npm i the-new-css-reset``` OR [Download the Latest Version](https://raw.githubusercontent.com/elad2412/the-new-css-reset/main/css/reset.css).**\n\n**Once installed, you can use it in two different ways:**\n\n1) Import ```/css/reset.css``` before the regular styles of the project.\n2) Include the following snippet in one of the JavaScript/TypeScript entry files:\n```js\nimport \"the-new-css-reset/css/reset.css\";\n```\n\n## Want to exclude some of the resets?\n\n**You can revert to the default styles of the browser!**\n\nFor example:\n\n\n```css\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n    all: revert;\n}\n ```\n \n or all input elements:\n ```css\n input,\n textarea,\n select {\n    all: revert;\n }\n ```\n\n## Accessibility Recommendation\n\n**To keep your website accessible, don't forget to take care of the ```:focus``` states.**\n```css\n:focus { /* focus styles */ }\n\n/* or/and */\n\n:focus-visible { /* keyboard only focus styles */ }\n```\n\n## Browser Support\n\n![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Samsung Internet](https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png)\n--- | --- | --- | --- | --- | --- |\n88+ ✔ | 88+ ✔ | 84+ ✔ | 14+ ✔ | 75+ ✔ | 15+ ✔ |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felad2412%2Fthe-new-css-reset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Felad2412%2Fthe-new-css-reset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felad2412%2Fthe-new-css-reset/lists"}