{"id":18242208,"url":"https://github.com/black-axis/reset-zone","last_synced_at":"2026-03-04T21:33:22.186Z","repository":{"id":260148541,"uuid":"878958924","full_name":"Black-Axis/reset-zone","owner":"Black-Axis","description":"A modern CSS reset for modern web applications!","archived":false,"fork":false,"pushed_at":"2025-01-29T19:58:15.000Z","size":154,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-16T01:21:35.054Z","etag":null,"topics":["css","css-reset","reset","reset-zone","scss","scss-reset"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/reset-zone","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/Black-Axis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":"AUTHORS.md","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-26T15:23:49.000Z","updated_at":"2025-01-29T19:58:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"fb85449f-70b4-4057-8842-cd9999441547","html_url":"https://github.com/Black-Axis/reset-zone","commit_stats":null,"previous_names":["black-axis/reset-zone"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Black-Axis%2Freset-zone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Black-Axis%2Freset-zone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Black-Axis%2Freset-zone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Black-Axis%2Freset-zone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Black-Axis","download_url":"https://codeload.github.com/Black-Axis/reset-zone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247160305,"owners_count":20893807,"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","css-reset","reset","reset-zone","scss","scss-reset"],"created_at":"2024-11-05T06:02:37.541Z","updated_at":"2026-03-04T21:33:22.136Z","avatar_url":"https://github.com/Black-Axis.png","language":"SCSS","readme":"# reset-zone\n\n**reset-zone** is a lightweight CSS reset designed to provide a consistent starting point for web projects. This CSS reset resets browser styling and removes default margins, padding, and other styles, giving you full control over the appearance of your elements across all major browsers.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Features](#features)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Installation\n\nYou can easily add **reset-zone** to your project via npm or directly include it in your HTML.\n\nvia `npm`:\n```bash\nnpm install reset-zone\n```\n\nOr using `yarn`:\n```bash\nyarn add reset-zone\n```\n\n## Usage\nAfter installation, you can simply import the CSS file at the top of your main stylesheet if using npm, or directly in your HTML if you downloaded it.\n\nIf you're using a bundler like Webpack, import it at the top of your main CSS or SCSS file (or any CSS preprocessor):\n\nFor using SCSS regular version:\n\n```scss\n@use \"/go/to/node_modules/reset-zone/src/reset-zone.regular.scss\" as ResetZoneLibraryWithCSSRegular;\n```\n\nFor using SCSS layer version:\n\n```scss\n@use \"/go/to/node_modules/reset-zone/src/reset-zone.layer.scss\" as ResetZoneLibraryWithCSSLayer;\n```\n\n⭕ But the previous ways is not recommended.\n\n✅ The recommended ways to use the version of CSS because of vendor prefixes in CSS files:\n\nFor using regular version:\n\n```css\n@import '/go/to/node_modules/reset-zone/dist/reset-zone.regular.css';\n```\n\nAnd minified version of regular version:\n\n```css\n@import '/go/to/node_modules/reset-zone/dist/reset-zone.regular.min.css';\n```\n\nFor using layer version:\n\n```css\n@import '/go/to/node_modules/reset-zone/dist/reset-zone.layer.css';\n```\n\nAnd minified version of layer version:\n\n```css\n@import '/go/to/node_modules/reset-zone/dist/reset-zone.layer.min.css';\n```\n\nOr, if using JavaScript to manage styles:\n```javascript\nimport '/go/to/node_modules/reset-zone/dist/reset-zone.{layer/regular}.{min.css|.css}';\n```\n\nOr, you can use it into link tag of your HTML:\n\nFor using regular version:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://raw.githubusercontent.com/Black-Axis/reset-zone/master/dist/reset-zone.regular.css\"\u003e\n```\n\nFor using minified regular version:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://raw.githubusercontent.com/Black-Axis/reset-zone/master/dist/reset-zone.regular.min.css\"\u003e\n```\n\nFor using layer version:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://raw.githubusercontent.com/Black-Axis/reset-zone/master/dist/reset-zone.layer.css\"\u003e\n```\n\nFor using minified layer version:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://raw.githubusercontent.com/Black-Axis/reset-zone/master/dist/reset-zone.layer.min.css\"\u003e\n```\n\nThis will apply the reset styles globally, ensuring a consistent baseline across browsers.\n\n## Features\n- `Removes Default Margins and Padding`: Strips away all default browser styles, including margins and paddings, to create a level playing field.\n- `Consistent Typography`: Sets up base font styles, including font size and line height.\n- `Improved Accessibility`: Sets a clear focus outline and maintains usability for keyboard navigation.\n- `Enhanced Layout Control`: Reduces browser-specific quirks that interfere with layout styling, such as `box-sizing`.\n\n## Contributing\nContributions, issues, and feature requests are welcome!\nPlease feel free to open an `issue` or submit a `pull request` in the [GitHub repository](\"https://github.com/Black-Axis/reset-zone\") or read the [CONTRIBUTING.md](\"https://github.com/Black-Axis/reset-zone/blob/master/CONTRIBUTING.md\")\n\n## License\nThis project is licensed under the `MIT License`.\nSee the [LICENSE.md](\"https://github.com/Black-Axis/reset-zone/blob/master/LICENSE.md\") file for more details.\nSo, enjoy a consistent and clean starting point with reset-zone!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblack-axis%2Freset-zone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblack-axis%2Freset-zone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblack-axis%2Freset-zone/lists"}