From 38366d7d84812db858ce7cfe048e75fef10fedda Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Sun, 28 Dec 2025 19:54:16 -0800 Subject: [PATCH] ok i accidentally lost the card css but here it is again --- card-one/index.html | 1 + css/cards.css | 57 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 css/cards.css diff --git a/card-one/index.html b/card-one/index.html index 3664e25..b50c552 100644 --- a/card-one/index.html +++ b/card-one/index.html @@ -17,6 +17,7 @@ +
diff --git a/css/cards.css b/css/cards.css new file mode 100644 index 0000000..cb68a21 --- /dev/null +++ b/css/cards.css @@ -0,0 +1,57 @@ +.card { + color: var(--color-accent); +} + +p .card { + text-transform: uppercase; + font-weight: 700; +} + +.stop { + color: var(--color-accent); + position: relative; + list-style: none; + padding-left: 1.5rem; +} + +.stop:not(:last-child) { + padding-bottom: 2rem; +} + +.stop:before { + background-color: var(--color-accent); + width: .1rem; + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; +} + +svg { + margin-left: -2.2rem; + width: 2rem; + fill: var(--color-accent); + float: left; + padding: .4rem .5rem 0 0; +} + +@media (max-width: 650px) { + svg { + padding-top: .2rem; + } +} + +.stop h2 { + margin: 0; +} + +.stop img { + width: 100%; +} + +.stop p { + margin: 0; + color: var(--color-text); + padding-top: .5rem; +}