From 272989b9aedb9d3e71f453476f23abb7263febaa Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Mon, 4 Jan 2021 13:24:22 -0700 Subject: [PATCH] further consolidate styles for navbar; remove padding on first item in navbar brand --- src/css/header.css | 30 ++++++++++++++++-------------- 1 file changed, 16 insertions(+), 14 deletions(-) diff --git a/src/css/header.css b/src/css/header.css index 1e27c69..066353f 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -23,10 +23,13 @@ body { .navbar-brand { display: flex; + padding-left: 1rem; } .navbar-brand .navbar-item:first-child, .navbar-brand .navbar-item:first-child a { + align-self: center; + padding: 0; color: var(--navbar-font-color); font-size: calc(22 / var(--rem-base) * 1rem); } @@ -94,11 +97,18 @@ body { } .navbar-item .icon { - width: 1.1rem; - height: 1.1rem; + width: 1.25rem; + height: 1.25rem; display: block; } +.navbar-item .icon img, +.navbar-item .icon svg { + fill: currentColor; + width: inherit; + height: inherit; +} + .navbar-link { padding-right: 2.5em; } @@ -211,18 +221,14 @@ body { } .navbar-end > a.navbar-item:hover, - .navbar-end .navbar-link:hover { + .navbar-end .navbar-link:hover, + .navbar-end .navbar-item.has-dropdown:hover .navbar-link { background: var(--navbar_hover-background); color: var(--navbar-font-color); } .navbar-end .navbar-link::after { - border-color: var(--navbar-font-color); - } - - .navbar-item.has-dropdown:hover .navbar-link { - background: var(--navbar_hover-background); - color: var(--navbar-font-color); + border-color: currentColor; } .navbar-dropdown { @@ -238,7 +244,7 @@ body { } .navbar-dropdown .navbar-item { - padding: 0.5rem 1rem; + padding: 0.5rem 3rem 0.5rem 1rem; white-space: nowrap; } @@ -246,10 +252,6 @@ body { border-radius: inherit; } - .navbar-dropdown a.navbar-item { - padding-right: 3rem; - } - .navbar-dropdown.is-right { left: auto; right: 0; -- 2.11.0