{"id":21155591,"url":"https://github.com/vladocar/css-micro-reset","last_synced_at":"2025-04-05T17:04:08.465Z","repository":{"id":66578057,"uuid":"136989584","full_name":"vladocar/CSS-Micro-Reset","owner":"vladocar","description":"Minimal barebone CSS Reset","archived":false,"fork":false,"pushed_at":"2021-04-12T22:11:16.000Z","size":15,"stargazers_count":351,"open_issues_count":1,"forks_count":14,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-03-29T16:03:16.164Z","etag":null,"topics":["barebones","css","css-reset","micro","minimal","reset","reset-css"],"latest_commit_sha":null,"homepage":null,"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/vladocar.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}},"created_at":"2018-06-11T22:55:13.000Z","updated_at":"2025-03-15T20:59:02.000Z","dependencies_parsed_at":"2023-06-01T21:00:27.005Z","dependency_job_id":null,"html_url":"https://github.com/vladocar/CSS-Micro-Reset","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FCSS-Micro-Reset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FCSS-Micro-Reset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FCSS-Micro-Reset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vladocar%2FCSS-Micro-Reset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vladocar","download_url":"https://codeload.github.com/vladocar/CSS-Micro-Reset/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247369953,"owners_count":20927928,"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":["barebones","css","css-reset","micro","minimal","reset","reset-css"],"created_at":"2024-11-20T11:23:33.530Z","updated_at":"2025-04-05T17:04:08.441Z","avatar_url":"https://github.com/vladocar.png","language":"CSS","readme":"# CSS Micro Reset\n\nYou probably don't need CSS Reset, at least not the complete CSS Reset.\n\nEvery Browser has its own CSS Reset. Resetting it again means that later you need to set all reset elements.\n\nBasically you have:\n\nBrowser Reset -\u003e Your Reset -\u003e  Setting all Reset Elements -\u003e Probably more styling after.\n\n#### A typical `H1` tag mistake:\n\n```css\n/* \"Chrome  Reset\" - default Chrome CSS stylesheet */\n\nh1 {\n    display: block;\n    font-size: 2em;\n    -webkit-margin-before: 0.67em;\n    -webkit-margin-after: 0.67em;\n    -webkit-margin-start: 0px;\n    -webkit-margin-end: 0px;\n    font-weight: bold;\n}\n\n/* Your Reset */\n\nh1 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  line-height: 1;\n  font-weight: normal;\n\n}\n\n/* Now you need to set the H1 */\n\nh1 {\n  margin: 0 0 0 1em;\n  line-height: 1.5;\n  font-weight: normal;\n}\n\n/* And probably you will do one more further H1 setting */\n\nh1 {\ncolor: #111;\nfont: 2em/1.5 Arial, sans-serif;\nfont-weight: normal;\n}\n\n/* I will assume one or two more setting of H1 tag here :) */\n```\n\n#### We've all made this mistake too many times.\n\nWhy not skip the reset and just set the elements that you need for your project?\n\nAlso why are you resetting some elements if you are not using them in your project. For example, if you don't have forms in your project, don't reset them.\n\nAnother thing: It's Ok for some elements to be different between browsers.\n\nWhy not start with bare bones reset and only add some elements if needed?\n\nI've done just that: **CSS Micro Reset**\n\nFeel free to add or remove elements to CSS Micro Reset, don't just blindly use it. For example, if you don't use tables, remove all the table related tags in the CSS Micro Reset.\n\nLike I said in the beginning: You may not need this or any other CSS reset.\n\n*Before use, understand what this reset does.*\n\n## Download or Install\n\nYou can copy-paste the CSS code, use the direct download, or use npm:\n\n*Note: I'm avere that using npm for project this small is ridiculous. But when I don't put npm there is always someone who complains why there is no: npm, yarn, bower and where is CDN link?*\n\n```\n$ npm i css-micro-reset\n```\nOr use the CDN link:\n\n```html\n \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/css-micro-reset@1.0.0/micro-css-reset.css\"\u003e\n ```\n\n## License\n\nThis project is licensed under the MIT License\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladocar%2Fcss-micro-reset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvladocar%2Fcss-micro-reset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladocar%2Fcss-micro-reset/lists"}