The New CSS Reset

Category: CSS & CSS3 , Recommended | July 29, 2021
Author: elad2412
Views Total: 23 views
Official Page: Go to website
Last Update: July 29, 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:

07/29/2021

  • v1.1.3

You Might Be Interested In:


Leave a Reply