From 405a0be93f68902c7e5cdde11f5bfcaf39728f41 Mon Sep 17 00:00:00 2001 From: Wesley B <62723358+wesleyboar@users.noreply.github.com> Date: Wed, 15 Jan 2025 17:29:46 -0600 Subject: [PATCH] fix(lccf): align cms nav menu item via Core-Styles --- lccf_assets/header.css | 35 ----------------------------------- 1 file changed, 35 deletions(-) diff --git a/lccf_assets/header.css b/lccf_assets/header.css index c4d375e0..d7ddc82b 100644 --- a/lccf_assets/header.css +++ b/lccf_assets/header.css @@ -1,41 +1,6 @@ -/* To resize logo */ .portal-logo { height: 80px; } - -/* To increase vertical space of header */ .s-header.navbar { --nav-padding-vert: 10px; } - -/* To vertically align center if #s-header is .navbar-expand-md */ -@media (min-width: 768px) { - .s-header .nav-item { - display: flex; - } -} - -/* To fix nav link alignment regardless the nav padding */ -/* TODO: Fix this in Core-Styles instead */ -:root { - /* NOTE: Use this in Core-Styles `.s-header { … border-bottom: … }` */ - --header-major-border-width: 1px; -} -.s-header .nav-link { - --move-text-back-to-middle: var(--nav-padding-vert); - --move-underline-to-bottom: calc( var(--nav-padding-vert) + var(--header-major-border-width) ); - border-color: var(--header-bkgd-color); - border-style: solid; - border-width: 0 0 var(--border-width); - /* HACK: To overwrite pseudo states use !important (not needed once in Core-Styles) */ - margin-bottom: calc(var(--move-underline-to-bottom) * -1) !important; - height: calc( 100% + var(--move-underline-to-bottom) + var(--move-text-back-to-middle) ); - top: calc( var(--move-text-back-to-middle) * -1 ); - line-height: unset; -} -.s-header .nav-item.active .nav-link, -.s-header .nav-link:active, -.s-header .nav-link:focus, -.s-header .nav-link:hover { - border-color: var(--global-color-secondary--light); -}