diff --git a/frontend/public/stylesheets/index.css b/frontend/public/stylesheets/index.css index c32ba0e..ef36201 100644 --- a/frontend/public/stylesheets/index.css +++ b/frontend/public/stylesheets/index.css @@ -1,4 +1,5 @@ -@import url(https://necolas.github.io/normalize.css/8.0.1/normalize.css); +/* Reset preset taken from https://keithjgrant.com/posts/2024/01/my-css-resets/ */ +@import url('./reset.css'); @import url(./color-themes/adwaita.css); html, diff --git a/frontend/public/stylesheets/reset.css b/frontend/public/stylesheets/reset.css new file mode 100644 index 0000000..d7e98c2 --- /dev/null +++ b/frontend/public/stylesheets/reset.css @@ -0,0 +1,36 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} + +body { + margin: unset; +} + +button, +input, +textarea, +select { + font: inherit; +} + +img, +picture, +svg, +canvas { + display: block; + max-inline-size: 100%; + block-size: auto; +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + 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