diff --git a/src/cool-stuff/css-purgatory/base/index.css b/src/cool-stuff/css-purgatory/base/index.css index 2915a20..f404fd8 100644 --- a/src/cool-stuff/css-purgatory/base/index.css +++ b/src/cool-stuff/css-purgatory/base/index.css @@ -1,63 +1,3 @@ -/* ----------------- */ -/* Custom Properties */ -/* ----------------- */ - -/* ----- */ -/* Reset */ -/* ----- */ - -*, -*::before, -*::after { - box-sizing: border-box; -} - -body, h1, h2, h3, h4, h5, h6, p { - margin: 0; -} - -h1, h2, h3, h4, h5, h6, p { - font-weight: 400; -} - -h1, h2, h3 { - line-height: 1.1; -} - -body { - font-family: var(--ff-sans); - font-size: var(--fs-400); - color: hsl( var(--color-dark) ); - background-color: hsl ( var(--color-white) ); - line-height: 1.5; - min-height: 100vh; -} - -main { - margin-left: 1vw; - margin-top: 1vh; -} - -img, picture { - max-width: 100%; - display: block; -} - -input, button, textarea, select { - font: inherit; -} - -@media (prefers-reduced-motion: reduce) { - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - scroll-behaviour: auto !important; - } -} - /* ----------------- */ /* Custom Properties */ /* ----------------- */ @@ -93,6 +33,63 @@ input, button, textarea, select { } +/* ----- */ +/* Reset */ +/* ----- */ + +*, +*::before, +*::after { + box-sizing: border-box; +} + +body, h1, h2, h3, h4, h5, h6, p { + margin: 0; +} + +h1, h2, h3, h4, h5, h6, p { + font-weight: 400; +} + +h1, h2, h3 { + line-height: 1.1; +} + +body { + font-family: var(--ff-sans); + font-size: var(--fs-400); + color: hsl( var(--color-dark) ); + background-color: hsl( var(--color-white) ); + line-height: 1.5; + min-height: 100vh; +} + +main { + margin-left: 1vw; + margin-top: 1vh; +} + +img, picture { + max-width: 100%; + display: block; +} + +input, button, textarea, select { + font: inherit; +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behaviour: auto !important; + } +} + + /* --------------- */ /* Utility Classes */ /* --------------- */ diff --git a/src/cool-stuff/css-purgatory/pink/index.css b/src/cool-stuff/css-purgatory/pink/index.css index 776cb54..082ec33 100644 --- a/src/cool-stuff/css-purgatory/pink/index.css +++ b/src/cool-stuff/css-purgatory/pink/index.css @@ -34,6 +34,7 @@ --ff-sans: sans-serif; } + /* ----- */ /* Reset */ /* ----- */