diff --git a/assets/styles/main.sass b/assets/styles/main.sass index 629de2c..fe89dd8 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -1,4 +1,5 @@ @import "./variables" +@import "./reset" @import "./html" @import "./a11y" @import "./content" diff --git a/assets/styles/reset.sass b/assets/styles/reset.css similarity index 62% rename from assets/styles/reset.sass rename to assets/styles/reset.css index b3fc6ab..cf0311c 100644 --- a/assets/styles/reset.sass +++ b/assets/styles/reset.css @@ -1,9 +1,11 @@ -/* Reset CSS */ +/********* +Reset CSS +*********/ /* Box sizing rules */ *, *::before, *::after { - box-sizing: border-box + box-sizing: border-box; } /* Remove default margin */ @@ -22,18 +24,18 @@ figcaption, blockquote, dl, dd { - margin: 0 + margin: 0; } /* Make images easier to work with */ img { - max-width: 100% - display: block + max-width: 100%; + display: block; } /* Natural flow and rhythm in articles by default */ article > * + * { - margin-top: 1em + margin-top: 1em; } /* Inherit fonts for inputs and buttons */ @@ -41,15 +43,15 @@ input, button, textarea, select { - font: inherit + 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 + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; } }