Move the site-header styles to site_header.css

This commit is contained in:
Eryn Wells 2024-06-29 14:14:52 -07:00
parent a8fd6e550f
commit d6537af00c
2 changed files with 30 additions and 33 deletions

View file

@ -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;

View file

@ -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: "•";
}
}
}
}