diff --git a/src/cool-stuff/css-purgatory/base/index.css b/src/cool-stuff/css-purgatory/base/index.css index f404fd8..844c120 100644 --- a/src/cool-stuff/css-purgatory/base/index.css +++ b/src/cool-stuff/css-purgatory/base/index.css @@ -130,6 +130,18 @@ input, button, textarea, select { max-width: 80rem; } +.hr::after { /* Add fake hr after header */ + content: ''; + + position: absolute; + display: block; + clear: both; + width: 100%; + height: 0.15rem; + + background-color: black; +} + /* Color Classes */ .bg-dark { background-color: hsl( var(--color-dark) ); } @@ -158,6 +170,20 @@ input, button, textarea, select { .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } +/* Semantic Tags and Their Classes */ + +header { + margin-bottom: 3vh; +} + +section:not(:last-of-type) { + margin-bottom: 3vh; +} + +footer { + margin-top: 3vh; +} + /* -------------------- */ /* Non-Reusable Classes */ /* -------------------- */ diff --git a/src/cool-stuff/css-purgatory/base/index.html b/src/cool-stuff/css-purgatory/base/index.html index daa9b59..32e81c9 100644 --- a/src/cool-stuff/css-purgatory/base/index.html +++ b/src/cool-stuff/css-purgatory/base/index.html @@ -5,27 +5,24 @@ CSS Purgatory - Base - +
-
+

Base

- -
- -
+