From f872b32571a509842e71d38c4046300f7e03e3c9 Mon Sep 17 00:00:00 2001
From: Conrad Zelck <git@simpel.cc>
Date: Sat, 7 Oct 2023 19:21:36 +0200
Subject: [PATCH] style: add reset styles
see: https://andy-bell.co.uk/a-modern-css-reset
Signed-off-by: Conrad Zelck <git@simpel.cc>
---
style.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 file changed, 58 insertions(+), 2 deletions(-)
diff --git a/style.css b/style.css
index e5a8775..ce8042a 100644
--- a/style.css
+++ b/style.css
@@ -65,11 +65,67 @@ h1 {
/* *****************************************************************************
reset user agent styles
+ see: https://andy-bell.co.uk/a-modern-css-reset
***************************************************************************** */
-button, input, select {
- font-size: inherit;
+/* Box sizing rules */
+*, *::before, *::after {
+ box-sizing: border-box;
+}
+
+/* Remove default margin */
+body, h1, h2, h3, h4,
+p, figure, blockquote, dl, dd {
+ margin-block-end: 0;
+}
+
+/* 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 */
+html:focus-within {
+ scroll-behavior: smooth;
+}
+
+/* Set core body defaults */
+body {
+ /* disable because of my personal header */
+ /* min-height: 100vh; */
+ text-rendering: optimizeSpeed;
+ line-height: 1.5;
+}
+
+/* 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 */
+img, picture {
+ max-width: 100%;
+ display: block;
+}
+
+/* Inherit fonts for inputs and buttons */
+input, button, textarea, select {
+ font: inherit;
+}
+
+/* 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;
+ }
+
+ *, *::before, *::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
+ }
}
/* *****************************************************************************
--
GitLab