From fe23338a118ccad90504ab6cb8bb9cad02e18701 Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Thu, 12 Mar 2026 13:21:56 +0100 Subject: [PATCH] Less nesting needed in _header.css. --- assets/css/components/_header.css | 62 +++++++++++++++---------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/assets/css/components/_header.css b/assets/css/components/_header.css index 398f02c..5de8116 100644 --- a/assets/css/components/_header.css +++ b/assets/css/components/_header.css @@ -14,42 +14,42 @@ flex-direction: row; align-items: center; } + } - /* Wrapping link for logo. */ - .header__logo { - width: fit-content; + /* Wrapping link for logo. */ + .header__logo { + width: fit-content; + } + + /* Logo image. */ + .header__logo-image { + vertical-align: bottom; + } + + /* The name of the website. */ + .header__site-name { + margin: 0; + line-height: 1; + } + + /* The link around the name of the website. */ + .header__site-link { + &:link, + &:visited { + color: var(--color-text); + text-decoration: none; } - /* Logo image. */ - .header__logo-image { - vertical-align: bottom; + &:hover, + &:focus { + text-decoration: underline; } + } - /* The name of the website. */ - .header__site-name { - margin: 0; - line-height: 1; - } - - /* The link around the name of the website. */ - .header__site-link { - &:link, - &:visited { - color: var(--color-text); - text-decoration: none; - } - - &:hover, - &:focus { - text-decoration: underline; - } - } - - /* Wrapper for any blocks placed in the header region. */ - .header__region { - @media (min-width: 666px) { - margin-inline-start: auto; - } + /* Wrapper for any blocks placed in the header region. */ + .header__region { + @media (min-width: 666px) { + margin-inline-start: auto; } } }