From b62f80656bda7661beee1d0de1acf1b92b67e08d Mon Sep 17 00:00:00 2001 From: Emilia Date: Wed, 28 Sep 2022 12:34:13 -0400 Subject: [PATCH] Unify base and pink --- src/cool-stuff/css-purgatory/base/index.css | 117 ++++++++++---------- src/cool-stuff/css-purgatory/pink/index.css | 1 + 2 files changed, 58 insertions(+), 60 deletions(-) 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 */ /* ----- */