{"id":21669995,"url":"https://github.com/substrate-system/css-normalize","last_synced_at":"2025-10-17T12:27:26.553Z","repository":{"id":263885772,"uuid":"891686785","full_name":"substrate-system/css-normalize","owner":"substrate-system","description":"Normalize / reset for CSS","archived":false,"fork":false,"pushed_at":"2025-08-21T01:29:20.000Z","size":75,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-21T03:38:13.994Z","etag":null,"topics":["css","deprecated","normalize","normalize-css","reset","reset-css"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/substrate-system.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2024-11-20T19:19:25.000Z","updated_at":"2025-08-21T01:29:23.000Z","dependencies_parsed_at":"2024-11-20T20:34:54.865Z","dependency_job_id":"b0ab9e98-2a47-4ea1-8037-62b3cf70c91b","html_url":"https://github.com/substrate-system/css-normalize","commit_stats":null,"previous_names":["substrate-system/css-normalize"],"tags_count":14,"template":false,"template_full_name":"nichoth/template-ts-browser","purl":"pkg:github/substrate-system/css-normalize","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/substrate-system%2Fcss-normalize","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/substrate-system%2Fcss-normalize/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/substrate-system%2Fcss-normalize/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/substrate-system%2Fcss-normalize/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/substrate-system","download_url":"https://codeload.github.com/substrate-system/css-normalize/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/substrate-system%2Fcss-normalize/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279343308,"owners_count":26152344,"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","status":"online","status_checked_at":"2025-10-17T02:00:07.504Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","deprecated","normalize","normalize-css","reset","reset-css"],"created_at":"2024-11-25T12:29:03.555Z","updated_at":"2025-10-17T12:27:26.548Z","avatar_url":"https://github.com/substrate-system.png","language":"CSS","readme":"# CSS normalize\n[![semantic versioning](https://img.shields.io/badge/semver-2.0.0-blue?logo=semver\u0026style=flat-square)](https://semver.org/)\n[![Common Changelog](https://nichoth.github.io/badge/common-changelog.svg)](./CHANGELOG.md)\n[![install size](https://flat.badgen.net/packagephobia/install/@substrate-system/css-normalize\u0026cache-control=no-cache)](https://packagephobia.com/result?p=@substrate-system/css-normalize)\n[![dependencies](https://img.shields.io/badge/dependencies-zero-brightgreen.svg?style=flat-square)](package.json)\n[![license](https://img.shields.io/badge/license-Big_Time-blue?style=flat-square)](LICENSE)\n\n\nReset/normalize styles for a nice blank slate.\n\n[See joshcomeau.com/css/custom-css-reset](https://www.joshwcomeau.com/css/custom-css-reset/)\n\n\u003e These days, browsers don't have massive discrepancies when it comes to layout\n\u003e or spacing. By and large, browsers implement the CSS specification faithfully,\n\u003e and things behave as you'd expect.\n\n*Featuring*:\n\n1. `box-sizing: border-box;` -- Sizes [based on `border-box`, not `content-box`](https://www.joshwcomeau.com/css/custom-css-reset/#one-box-sizing-model-2).\n2. `margin: 0` -- [Remove default margin](https://www.joshwcomeau.com/css/custom-css-reset/#two-remove-default-margin-3). Add margins as needed in application CSS.\n3. [`line-height: calc(2px + 2ex + 2px);`](https://www.joshwcomeau.com/css/custom-css-reset/#three-add-accessible-line-height-4) -- [Dyslexia friendly](https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html) line height.\n\u003e\n\u003e [!NOTE]  \n\u003e You may want to override the `line-height` for headings in your application CSS.\n\u003e See [this article](https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/) for more info about `line-height`.\n\u003e\n4. `-webkit-font-smoothing: antialiased;` -- [Chrome and Safari still use subpixel antialiasing by default](https://www.joshwcomeau.com/css/custom-css-reset/#four-improve-text-rendering-5), which is bad on high DPI screens.\n5. [Use block display by default for media tags](https://www.joshwcomeau.com/css/custom-css-reset/#five-improve-media-defaults-6), like `img` and `video`.\n6. [Inherit fonts for form controls](https://www.joshwcomeau.com/css/custom-css-reset/#six-inherit-fonts-for-form-controls-7)\n\u003e `font` is a rarely-used shorthand that sets a bunch of font-related properties, like `font-size`, `font-weight`, and `font-family`. \n7. Avoid text overflows -- Permission to [use hard wraps when no soft wrap opportunties can be found](https://www.joshwcomeau.com/css/custom-css-reset/#seven-avoid-text-overflows-8)\n8. [Improve line wrapping](https://www.joshwcomeau.com/css/custom-css-reset/#eight-improve-line-wrapping-9) -- widows and orphans\n9. [Root stacking context](https://www.joshwcomeau.com/css/custom-css-reset/#nine-root-stacking-context-10) -- **OPTIONAL** -- Create a new stacking context without needing to set a `z-index`. See [What The Heck, z-index??](https://www.joshwcomeau.com/css/stacking-contexts/)\n\n**_bonus_**\n\n* [scrolling with reduced motion media query](https://gomakethings.com/how-to-animate-scrolling-to-anchor-links-with-one-line-of-css/#accessibility-concerns)\n\n\n\u003cdetails\u003e\u003csummary\u003e\u003ch2\u003eContents\u003c/h2\u003e\u003c/summary\u003e\n\n\u003c!-- toc --\u003e\n\n- [Install](#install)\n- [Use](#use)\n  * [Reset](#reset)\n  * [bundler](#bundler)\n  * [pre-bundled](#pre-bundled)\n  * [CSS import](#css-import)\n- [See also](#see-also)\n\n\u003c!-- tocstop --\u003e\n\n\u003c/details\u003e\n\n## Install\n\n```sh\nnpm i -S @substrate-system/css-normalize\n```\n\n## Use\n\n### [Reset](https://www.joshwcomeau.com/css/custom-css-reset/)\n\n```js\nimport '@substrate-system/css-normalize'\n```\n\n### bundler\nIf you are a bundling your CSS, e.g. with [vite](https://vite.dev/), just import\nfrom this module in your javascript:\n\n```js\nimport '@susbtrate-system/css-normalize'\nimport '@substrate-system/css-normalize/stack'\n```\n\nOr import the minified CSS:\n```js\nimport '@substrate-system/css-normalize/min'\n```\n\n### pre-bundled\nThis package includes minified CSS also.\n\n1. Copy the CSS so it is accessible to your web server. The minified file\n   is at `dist/index.min.css`.\n\n```sh\ncp node_modules/@substrate-system/css-normalize/dist/index.min.css ./public/normalize.css\n```\n\n2. Add a link in your HTML.\n\n```html\n\u003chead\u003e\n  \u003clink rel=\"stylesheet\" href=\"/normalize.css\"\u003e\n\u003c/head\u003e\n\n\u003c!-- ... --\u003e\n```\n\n### CSS import\nImport from this module in CSS:\n\n```css\n@import url(\"../node_modules/@substrate-system/css-normalize/dist/index.min.css\");\n```\n\n## See also\n\n* [Using calc to figure out optimal line-height](https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/)\n* [A Modern CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/)\n* [Smooth scroll + accessibility](https://gomakethings.com/how-to-animate-scrolling-to-anchor-links-with-one-line-of-css/#accessibility-concerns)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubstrate-system%2Fcss-normalize","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsubstrate-system%2Fcss-normalize","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsubstrate-system%2Fcss-normalize/lists"}