From 4cedc6e193e685d8c6938fe11057d4e14bfeffca Mon Sep 17 00:00:00 2001 From: Antonio De Lucreziis Date: Thu, 3 Mar 2022 01:17:16 +0100 Subject: [PATCH] Added css reset source --- client/src/reset.scss | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/client/src/reset.scss b/client/src/reset.scss index 60d4fb4..2a8b510 100644 --- a/client/src/reset.scss +++ b/client/src/reset.scss @@ -1,11 +1,13 @@ -/* Box sizing rules */ +// Source: https://piccalil.li/blog/a-modern-css-reset/ + +// Box sizing rules *, *::before, *::after { box-sizing: border-box; } -/* Remove default margin */ +// Remove default margin body, h1, h2, @@ -19,37 +21,37 @@ dd { margin: 0; } -/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ +// Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed ul[role='list'], ol[role='list'] { list-style: none; } -/* Set core root defaults */ +// Set core root defaults html:focus-within { scroll-behavior: smooth; } -/* Set core body defaults */ +// Set core body defaults body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; } -/* A elements that don't have a class get default styles */ +// A elements that don't have a class get default styles a:not([class]) { text-decoration-skip-ink: auto; } -/* Make images easier to work with */ +// Make images easier to work with img, picture { max-width: 100%; display: block; } -/* Inherit fonts for inputs and buttons */ +// Inherit fonts for inputs and buttons input, button, textarea, @@ -57,7 +59,7 @@ select { font: inherit; } -/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ +// Remove all animations, transitions and smooth scroll for people that prefer not to see them @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto;