The New CSS Reset

Category: CSS & CSS3 , Recommended | November 30, 2021
Author:elad2412
Views Total:20 views
Official Page:Go to website
Last Update:November 30, 2021
License:MIT

Preview:

The New CSS Reset

Description:

A fresh new and super tiny CSS reset library for modern development.

How it works:

/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)){
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after{
  box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol, ul {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table{
  border-collapse: collapse;
}

Changelog:

11/30/2021

  • v1.4.2

You Might Be Interested In:


Leave a Reply