0.3.0 • Published 12 months ago
@chribur_/very-strong-css-reset v0.3.0
Very Strong CSS Reset
This is a new CSS reset called Very Strong CSS Reset. It aims to be more powerful by referencing existing excellent CSS reset.
Features
- Completely resets browser default styles
- Extremely radical CSS reset that sacrifices readability and web accessibility
- Uses the
where:()pseudo-class to keep CSS selector specificity low - Not supported in Internet Explorer
Who Should Use This
Recommended for those who meet all of the following criteria:
- Highly knowledgeable in CSS, SCSS, Tailwind CSS, etc.
- Capable of maintaining and improving web accessibility on their own
- Enjoy writing styles from scratch
How to Use
git clone
git clone git@github.com:CHRIBUR-organization/very-strong-css-reset.gitThen copy the reset.min.css file to your project.
For example, if you pasted it in the css directory:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
<link rel="stylesheet" href="css/reset.min.css">
...
</head>
<body>
...
</body>
</html>npm install
npm install @chribur_/very-strong-css-resetor
yarn add @chribur_/very-strong-css-resetor
pnpm add @chribur_/very-strong-css-resetThen import the reset.min.css file in your project.
CSS Resets References
I greatly referred to the following CSS resets in developing Very Strong CSS Reset. Thanks to the developers of them.
If you know of any other great CSS resets, please let me know through an issue.