resetss

Different CSS resets ready to be used.

• Source code
• npm package
• Licenses

CSS Resets

Table of Contents

1. Josh W. Comeau's CSS Reset
2. A Modern CSS Reset by Andy Bell
3. Preflight by Tailwind CSS
4. modern-normalize by Sindre Sorhus
5. destyle.css by Nicolas Cusan

Josh W. Comeau's CSS Reset

| File | Source | Version | | ---------------------------------------------------- | -------------------------------------------------------------- | -------------- | | josh-comeau-reset.css | Blog post | June 9th, 2023 |

Import

import "resetss/josh-comeau-reset.css";

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  css: ["resetss/josh-comeau-reset.css"],
});

A Modern CSS Reset by Andy Bell

| File | Source | Version | | -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | | modern-css-reset.css | Blog post and Repo | 18th of September 2023 and f4bdbb0293ea685084818371026ec8c16577e416 |

Import

import "resetss/modern-css-reset.css";

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  css: ["resetss/modern-css-reset.css"],
});

Preflight by Tailwind CSS

| File | Source | Version | | ------------------------------------------------------ | ------------------------------------------------------------------------------------- | -------- | | preflight-tailwind.css | Repo | v3.4.1 |

Import

import "resetss/preflight-tailwind.css";

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  css: ["resetss/preflight-tailwind.css"],
});

modern-normalize by Sindre Sorhus

| File | Source | Version | | -------------------------------------------------- | ----------------------------------------------------------------------------------------- | -------- | | modern-normalize.css | Repo | v2.0.0 |

Import

import "resetss/modern-normalize.css";

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  css: ["resetss/modern-normalize.css"],
});

destyle.css by Nicolas Cusan

| File | Source | Version | | -------------------------------- | ---------------------------------------------------------------------------- | -------- | | destyle.css | Repo | v4.0.1 |

Import

import "resetss/destyle.css";

Nuxt (nuxt.config.ts)

export default defineNuxtConfig({
  css: ["resetss/destyle.css"],
});

Development

Install fnm (if necessary).

fnm install && fnm use && node --version && npm --version

npm install

npm run format

Preflight by Tailwind CSS

For declarations whose property value is set via the theme() function, manually replace it with the default value (second argument). Then, run the following command to check if the output is as expected after the previous changes and discard other possible changes:

npx tailwindcss --input src/preflight-tailwind.css --output src/preflight-tailwind.css

Deployment

npm pack --dry-run

npm version patch

npm version minor

npm version major

• Update the version in the Licenses link at the top.
• Commit and push changes.
• Create a tag on GitHub Desktop.
• Check GitLab.

npm login

npm publish

• Check npm.