From 122a706436d0499b149ae0528fe5f088a0a0e7fa Mon Sep 17 00:00:00 2001 From: Tony Grosinger Date: Sat, 2 Mar 2024 18:27:04 -0800 Subject: [PATCH] Remove tailwind from footer --- common/common.scss | 70 ++++++++++++++++++++++++++++++++++++++-- common/footer.html | 80 +++++++++++++++------------------------------- 2 files changed, 93 insertions(+), 57 deletions(-) diff --git a/common/common.scss b/common/common.scss index a36a90e..4fbc258 100644 --- a/common/common.scss +++ b/common/common.scss @@ -731,12 +731,76 @@ html body #main-outlet { // Footer .orcashub-footer { + background-color: rgb(31 41 55/1); + + .outer-container { + max-width: 80rem; + margin-left: auto; + margin-right: auto; + padding: 3rem 1.5rem; + } + + .inner-container { + padding-bottom: 2rem; + + @media (min-width: 1280) { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 2rem; + } + } + + .grid { + display: grid; + gap: 2rem; + grid-template-columns: repeat(2, minmax(0, 1fr)); + + @media (min-width: 1280) { + grid-column: span 4/span 4; + } + } + + .grid-row { + @media (min-width: 768px) { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 2rem; + } + } + + .second-group { + margin-top: 3rem; + + @media (min-width: 768px) { + margin-top: 0; + } + } + + h3 { + color: white; + font-size: 1rem; + font-weight: 500; + line-height: 1.5rem; + } + ul { margin: 0; } - a:visited { - // I couldn't get this to work with normal tailwind classes. - color: rgb(209 213 219/var(--tw-text-opacity)) !important; + li { + a { + color: rgb(209 213 219/var(--tw-text-opacity)); + font-size: 1rem; + line-height: 1.5rem; + } + + a:hover { + color: white; + } + + a:visited { + color: rgb(209 213 219/var(--tw-text-opacity)) !important; + } } + } \ No newline at end of file diff --git a/common/footer.html b/common/footer.html index 0547bb4..7b06eca 100644 --- a/common/footer.html +++ b/common/footer.html @@ -1,70 +1,42 @@ - - -