From 306fec4bcd988b1cdb7d70a6a39cc8e3bec07d7b Mon Sep 17 00:00:00 2001 From: ray Date: Wed, 20 May 2020 19:26:32 +0100 Subject: [PATCH] update reset css --- src/scss/_reset.scss | 130 ++++++++++++++++++++++--------------------- 1 file changed, 68 insertions(+), 62 deletions(-) diff --git a/src/scss/_reset.scss b/src/scss/_reset.scss index 6f621ff..18f6694 100644 --- a/src/scss/_reset.scss +++ b/src/scss/_reset.scss @@ -1,71 +1,77 @@ // based on https://github.com/hankchizljaw/modern-css-reset -/* Box sizing rules */ -*, -*::before, -*::after { - box-sizing: border-box; -} + /* Box sizing rules */ + *, + *::before, + *::after { + box-sizing: border-box; + } -/* Remove default padding */ -ul, -ol { - padding: 0; - list-style: none; -} + /* Remove default padding */ + ul, + ol { + padding: 0; + list-style: none; + } -/* Remove default margin */ -body, -h1, -h2, -h3, -h4, -p, -ul, -ol, -figure, -blockquote, -dl, -dd { - margin: 0; -} + /* Remove default margin */ + body, + h1, + h2, + h3, + h4, + p, + ul, + ol, + figure, + blockquote, + dl, + dd { + margin: 0; + } -/* Set core root defaults */ -html { - scroll-behavior: smooth; -} + /* Set core root defaults */ + html { + scroll-behavior: smooth; + } -/* Set core body defaults */ -body { - min-height: 100vh; - text-rendering: optimizeSpeed; - line-height: 1.5; -} + /* Set core body defaults */ + body { + min-height: 100vh; + text-rendering: optimizeSpeed; + line-height: 1.5; + } -/* Make images easier to work with */ -img { - max-width: 100%; - display: block; -} + a { + text-decoration: none; + } -/* Inherit fonts for inputs and buttons */ -input, -button, -textarea, -select { - font: inherit; -} + /* Inherit fonts for inputs and buttons */ + input, + button, + textarea, + select { + font: inherit; + } + + /* Make images easier to work with */ + img { + max-width: 100%; + display: block; + + /* Blur images when they have no alt attribute */ + &:not([alt]) { + filter: blur(10px); + } + } + + /* 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; + } + } -/* Blur images when they have no alt attribute */ -img:not([alt]) { - filter: blur(10px); -} -/* 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; - } -}