From 2b500ca1879b725f16c3e08182ce9cc12f2b66c3 Mon Sep 17 00:00:00 2001 From: Alex <$(pass /github/email)> Date: Wed, 19 Feb 2025 12:06:22 +0100 Subject: [PATCH] css: moved header styles to header component --- frontend/src/lib/css/styles.min.css | 104 ---------------------------- 1 file changed, 104 deletions(-) diff --git a/frontend/src/lib/css/styles.min.css b/frontend/src/lib/css/styles.min.css index c63248a..964e502 100644 --- a/frontend/src/lib/css/styles.min.css +++ b/frontend/src/lib/css/styles.min.css @@ -204,110 +204,6 @@ li strong { } } -.header { - position: fixed; - top: 0; - left: 0; - z-index: 1; - box-sizing: border-box; - width: 100%; - padding: 3em 0 0; - background: var(--base); -} -.header.top-banner-open { - margin-top: 5px; - transition: all 0.2s linear; -} -.header .header-container { - width: 100%; - max-width: calc(1200px + 10em); - height: 5em; - display: flex; - flex-direction: column; - align-items: center; - margin: 0 auto; - background-color: var(--base); -} -.header .header-container .header-left { - display: flex; - flex-grow: 1; -} -.header .header-container .header-left .header-crafted-by-container { - font-size: 18px; - font-weight: 300; -} -.header .header-container .header-left .header-crafted-by-container a { - display: flex; - color: var(--subtext0); - border: none; -} -.header .header-container .header-left .header-crafted-by-container a img { - height: 28px; -} -.header .header-container .header-left .header-crafted-by-container a span { - display: inline-block; - margin: 2px 1ch 0 0; -} -.header .header-container .header-left .header-crafted-by-container .auth0 { - margin-left: 1ch; - color: var(--text); - font-weight: bold; -} -.header .header-container .header-right { - display: flex; - flex-grow: 1; - justify-content: space-between; - letter-spacing: 1px; - font-weight: 500; -} -.header .header-container .header-right .header-nav-item { - text-transform: uppercase; - margin-left: 10px; -} -.header .header-container .header-right .header-nav-item button { - all: unset; - cursor: pointer; -} -.header .header-container .header-right .header-nav-item.active a, -.header .header-container .header-right .header-nav-item.active button { - color: var(--text); -} - -.header .header-container .header-right a img { - margin-top: -0.4rem; - height: 28px; -} - -.header .header-container .header-right .header-nav-item a, -.header .header-container .header-right .header-nav-item button { - transition: color 0.3s ease-in-out; - display: block; - padding: 20px 0; - border: none; - color: var(--subtext0); -} - -.header .header-container .header-right .header-nav-item:hover a, -.header .header-container .header-right .header-nav-item:hover button { - color: var(--lavender); -} -@media (min-width: 680px) { - .header { - padding: 3em 5rem 0; - } - .header.top-banner-open { - margin-top: 48px; - } - .header .header-container { - flex-direction: row; - } - .header .header-container .header-right { - justify-content: flex-end; - } - .header .header-container .header-right .header-nav-item { - margin-left: 26px; - } -} .button-dark { transition: border-color 0.3s ease-in-out,