@substrate-system/css-normalize
Advanced tools
Reset/normalize styles for a nice blank slate.
See joshcomeau.com/css/custom-css-reset
These days, browsers don't have massive discrepancies when it comes to layout or spacing. By and large, browsers implement the CSS specification faithfully, and things behave as you'd expect.
Featuring:
box-sizing: border-box; -- Sizes based on border-box, not content-box.margin: 0 -- Remove default margin. Add margins as needed in application CSS.line-height: calc(2px + 2ex + 2px); -- Dyslexia friendly line height.[!NOTE]
You may want to override theline-heightfor headings in your application CSS. See this article for more info aboutline-height.
-webkit-font-smoothing: antialiased; -- Chrome and Safari still use subpixel antialiasing by default, which is bad on high DPI screens.img and video.
fontis a rarely-used shorthand that sets a bunch of font-related properties, likefont-size,font-weight, andfont-family.
z-index. See What The Heck, z-index??bonus
npm i -S @substrate-system/css-normalize
import '@substrate-system/css-normalize'
If you are a bundling your CSS, e.g. with vite, just import from this module in your javascript:
import '@susbtrate-system/css-normalize'
import '@substrate-system/css-normalize/stack'
Or import the minified CSS:
import '@substrate-system/css-normalize/min'
This package includes minified CSS also.
dist/index.min.css.cp node_modules/@substrate-system/css-normalize/dist/index.min.css ./public/normalize.css
<head>
<link rel="stylesheet" href="/normalize.css">
</head>
<!-- ... -->
Import from this module in CSS:
@import url("../node_modules/@substrate-system/css-normalize/dist/index.min.css");
FAQs
Normalize/reset CSS
The npm package @substrate-system/css-normalize receives a total of 249 weekly downloads. As such, @substrate-system/css-normalize popularity was classified as not popular.
We found that @substrate-system/css-normalize demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A critical vm2 sandbox escape can allow untrusted JavaScript to break isolation and execute commands on the host Node.js process.
Research
Five malicious NuGet packages impersonate Chinese .NET libraries to deploy a stealer targeting browser credentials, crypto wallets, SSH keys, and local files.
Security News
pnpm 11 turns on a 1-day Minimum Release Age and blocks exotic subdeps by default, adding safeguards against fast-moving supply chain attacks.