diff --git a/assets/css/010_structure.css b/assets/css/010_structure.css index 357dd86..12e8791 100644 --- a/assets/css/010_structure.css +++ b/assets/css/010_structure.css @@ -79,39 +79,6 @@ img { } } - -.site-header { - border-bottom: 3px solid var(--gray6); -} - -.site-header__container { - align-items: baseline; - display: flex; - - .site-header__nav { - ul { - display: flex; - list-style: none; - - li { - margin: 0; - padding: 0; - } - - li:not(:last-child)::after { - content: "•"; - } - } - } -} - -.site-header__container, -.site-footer__container { - margin-inline: auto; - max-width: var(--content-width); -} - - .content-term-list { display: flex; list-style: none; diff --git a/assets/css/099_site_header.css b/assets/css/099_site_header.css index 6d778ed..eda088f 100644 --- a/assets/css/099_site_header.css +++ b/assets/css/099_site_header.css @@ -2,14 +2,44 @@ # COMPONENT: SITE HEADER *************************/ +.site-header { + border-bottom: 3px solid var(--gray6); +} + .site-header__container { + align-items: baseline; + display: flex; + gap: var(--space-l); + .site-header__title { font-family: var(--font-family-heading); + font-size: var(--text-l); + font-weight: 600; + letter-spacing: 0.05em; + + a:hover { + text-decoration: none; + } } .site-header__nav { font-size: smaller; font-weight: normal; + + ul { + display: flex; + list-style: none; + padding-inline: 0; + + li { + margin: 0; + padding: 0; + } + + li:not(:last-child)::after { + content: "•"; + } + } } }