From ec2510838e60fbef0b1f54854a75c5c4cb57e3f9 Mon Sep 17 00:00:00 2001 From: Andy Date: Tue, 25 Feb 2020 18:27:34 +0100 Subject: [PATCH] reset --- css/reset.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++ css/style.css | 3 +- 2 files changed, 80 insertions(+), 1 deletion(-) create mode 100644 css/reset.css diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..3c6f67e --- /dev/null +++ b/css/reset.css @@ -0,0 +1,78 @@ +/* Box sizing rules */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* Remove default padding */ +ul[class], +ol[class] { + padding: 0; +} + +/* Remove default margin */ +body, +h1, +h2, +h3, +h4, +p, +ul[class], +ol[class], +li, +figure, +figcaption, +blockquote, +dl, +dd { + margin: 0; +} + +/* Set core body defaults */ +body { + min-height: 100vh; + scroll-behavior: smooth; + text-rendering: optimizeSpeed; + line-height: 1.5; +} + +/* Remove list styles on ul, ol elements with a class attribute */ +ul[class], +ol[class] { + list-style: none; +} + +/* 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 { + max-width: 100%; + display: block; +} + +/* Natural flow and rhythm in articles by default */ +article > * + * { + margin-top: 1em; +} + +/* Inherit fonts for inputs and buttons */ +input, +button, +textarea, +select { + font: inherit; +} + +/* Remove all animations and transitions for people that prefer not to see them */ +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 0a0b7f4..a2f2d0b 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,5 @@ body { - font: normal 500 1rem helvetica, sans-serif; + font: normal 500 1.3rem helvetica, sans-serif; height: 100%; } main,header,footer{ @@ -8,6 +8,7 @@ main,header,footer{ } h1, h2{ font-weight: 100; + margin-bottom: 2rem; } p { overflow: hidden;