Browser Stijl Reset

UnoCSS biedt standaard geen stijl resetting of preflight om je globale CSS niet te vullen en ook voor maximale flexibiliteit. Als je UnoCSS gebruikt samen met andere CSS frameworks, doen ze waarschijnlijk al het resetting voor je. Als je UnoCSS alleen gebruikt, kun je resetting bibliotheken gebruiken zoals Normalize.css.

We bieden ook een kleine collectie voor je om ze snel te pakken:

Installatie

pnpm

pnpm add @unocss/reset

yarn

yarn add @unocss/reset

npm

npm install @unocss/reset

bun

bun add @unocss/reset

Gebruik

Je kunt één van de volgende reset stylesheets toevoegen aan je main.js.

Normalize.css

Bron: https://github.com/csstools/normalize.css

import '@unocss/reset/normalize.css'

sanitize.css

Bron: https://github.com/csstools/sanitize.css

import '@unocss/reset/sanitize/sanitize.css'
import '@unocss/reset/sanitize/assets.css'

Eric Meyer

Bron: https://meyerweb.com/eric/tools/css/reset/index.html

import '@unocss/reset/eric-meyer.css'

Tailwind

import '@unocss/reset/tailwind.css'

Tailwind compat

import '@unocss/reset/tailwind-compat.css'

Deze reset is gebaseerd op Tailwind reset, min de achtergrondkleur override voor knoppen om conflicten met UI frameworks te voorkomen. Zie gelinkt issue.