{"id":15099770,"url":"https://github.com/nextcss/deprecated-reset","last_synced_at":"2025-10-08T05:31:11.794Z","repository":{"id":39899386,"uuid":"337790473","full_name":"nextcss/deprecated-reset","owner":"nextcss","description":"Next.css reset module","archived":true,"fork":false,"pushed_at":"2022-11-16T03:33:49.000Z","size":176,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-14T19:24:58.777Z","etag":null,"topics":["beta","beta-release","beta-testing","css","css-framework","css-modules","css3","front-end","frontend","good-first-issue","html","html-elements","library","nextcss","open-source","opensource","resets","sass"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/nextcss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":"FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://paypal.me/toviszsolt"]}},"created_at":"2021-02-10T16:54:15.000Z","updated_at":"2025-01-09T19:58:48.000Z","dependencies_parsed_at":"2023-01-22T11:15:22.620Z","dependency_job_id":null,"html_url":"https://github.com/nextcss/deprecated-reset","commit_stats":null,"previous_names":["nextcss/reset"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nextcss/deprecated-reset","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nextcss%2Fdeprecated-reset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nextcss%2Fdeprecated-reset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nextcss%2Fdeprecated-reset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nextcss%2Fdeprecated-reset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nextcss","download_url":"https://codeload.github.com/nextcss/deprecated-reset/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nextcss%2Fdeprecated-reset/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278892117,"owners_count":26063932,"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-08T02:00:06.501Z","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":["beta","beta-release","beta-testing","css","css-framework","css-modules","css3","front-end","frontend","good-first-issue","html","html-elements","library","nextcss","open-source","opensource","resets","sass"],"created_at":"2024-09-25T17:27:34.137Z","updated_at":"2025-10-08T05:31:11.514Z","avatar_url":"https://github.com/nextcss.png","language":"SCSS","readme":"# Next.css Reset Module\n\nReset CSS Module is part of [Next.css framework](https://github.com/nextcss). This module resets default CSS styles for your Next.css project.\nYou can use in all modern websites with module bundlers, like webpack, rollup, parcel.\n\n**[Next.css on GitHub](https://github.com/nextcss)**\n\n## How to Install\n\nYou can install with **npm** or **yarn** package managers.\n\n```shell\nnpm i @nextcss/reset\nyarn add @nextcss/reset\n```\n\n## How to use\n\nSimple import to your project, this module contains only element selector rules.\n\n```js\nimport '@nextcss/reset';\n```\n\n## Why you should use\n\nSome HTML Elements has a default style in browsers and some HTML Elements styled different in each browsers. This module will resets this styles.\n\n## Features\n\n- Reset most common HTML Element styles\n- Reset Outline and Tap highlighting\n- Reset Drag and Drop\n- Reset Pull to Refresh and Scroll Chaining\n- Reset Pinch Zoom and Touch Gestures\n- Set Box Sizing\n- Set System Font Stack with `14px` font size and `1.4` line height\n\n## What's included - TL;DR\n\nOn every HTML Elements: set `border-box` as default `box-sizing`, disable `Drag and Drop` feature and reset `outline`.\n\n```css\n*,\n:before,\n:after {\n  box-sizing: border-box;\n  -webkit-user-drag: none;\n  outline: none;\n}\n```\n\nSet default `font-size` to `14px`, disable `Tap highlighting` for mobile devices, enable `Smooth font rendering`, disable `Text size increase algorithm` for apple devices.\n\n```css\nhtml {\n  font-size: 14px;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-size-adjust: 100%;\n}\n```\n\nDisable `pinch zoom` and other `touch gestures`, disable `pull to refresh`, `rubber banding` and `scroll chaining` features, set `max-width` on `body` as `100 viewport width`, reset default `margin`, set default `line-height` and `Systen Font Stack`\n\n```css\nbody {\n  touch-action: pan-x pan-y;\n  overscroll-behavior: none;\n  max-width: 100vw;\n  margin: 0;\n  line-height: 1.4;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n}\n```\n\nReset default `margin` and `font` properties on Headings and Paragraph.\n\n```css\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n  font: inherit;\n}\n```\n\nFix dynamic `small` tag\n\n```css\nsmall {\n  font-size: 85%;\n}\n```\n\nReset `color` and `text-decoration` on links.\n\n```css\na {\n  color: inherit;\n  text-decoration: none;\n}\n```\n\nReset `button` tag\n\n```css\nbutton {\n  background-color: inherit;\n  border: 0;\n  color: inherit;\n  padding: 0;\n}\n```\n\nLimit image `width` and reset `border`.\n\n```css\nimg {\n  max-width: 100%;\n  height: auto;\n  border: none;\n}\n```\n\nReset `border`, `shadow`, `font` and set `font-size` to `16px` on common input elements. `16px` font size avoid resizing `viewport` on apple devices.\n\n```css\ninput,\ntextarea,\nselect {\n  font: inherit;\n  font-size: 16px;\n  border: 1px solid;\n  border-radius: 0;\n  background-clip: padding-box;\n}\n\nfieldset {\n  border: 1px solid;\n}\n```\n\nReset `margin`, `padding` and `list-style` on lists.\n\n```css\nul,\nol {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n```\n\nReset `border` of horizonal rule\n\n```css\nhr {\n  border: none;\n  border-bottom: 1px solid;\n}\n```\n\nReset `table` border and table head `font-weight`\n\n```css\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\nth {\n  font-weight: inherit;\n}\n```\n\nReset iframe `border`\n\n```css\niframe {\n  border: 0;\n}\n```\n\nReset `margin` and `padding` on common HTML Elements\n\n```css\nmenu {\n  margin: 0;\n  padding: 0;\n}\n\nform,\nfigure,\npre,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n```\n\nReset `font` on `adrress` tag\n\n```css\naddress {\n  font: inherit;\n}\n```\n\n## Production build\n\nWe strongly recommend to use `postcss` with `autoprefixer` and `postcss-purgecss`. This stack will extend the CSS rules with browser specific prefixes, like `-webkit` and will remove unused styles in production build.\n\n```shell\nnpm i -D postcss autoprefixer @fullhuman/postcss-purgecss\n```\n\nOur `postcss.config.js` config. You need to configure the `content` parameter for your project.\n\n```js\nmodule.exports = {\n  plugins:\n    process.env.NODE_ENV === 'production'\n      ? [\n          'autoprefixer',\n          [\n            '@fullhuman/postcss-purgecss',\n            {\n              content: ['./{pages,components}/**/*.{js,jsx}'],\n              safelist: ['html', 'body'],\n              defaultExtractor: (content) =\u003e content.match(/[\\w-/:]+(?\u003c!:)/g) || [],\n            },\n          ],\n        ]\n      : ['autoprefixer'],\n};\n```\n\n## License\n\nMIT License. Copyright (c) 2021 Zsolt Tovis\n","funding_links":["https://paypal.me/toviszsolt"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnextcss%2Fdeprecated-reset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnextcss%2Fdeprecated-reset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnextcss%2Fdeprecated-reset/lists"}