2024-06-28 09:03:28 -07:00
|
|
|
/*************************
|
|
|
|
# COMPONENT: SITE HEADER
|
|
|
|
*************************/
|
|
|
|
|
|
|
|
.site-header__container {
|
|
|
|
.site-header__title {
|
|
|
|
font-family: var(--font-family-heading);
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-header__nav {
|
|
|
|
font-size: smaller;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
}
|
2024-06-29 10:31:21 -07:00
|
|
|
|
|
|
|
.site-header__container,
|
|
|
|
.site-footer__container {
|
|
|
|
/* Center the content and ensure a minimum margin. The calculation in the
|
|
|
|
* second argument does what `auto` would do if it could be used in max(). */
|
|
|
|
margin-inline: max(var(--space-s), 50% - var(--content-width) / 2);
|
|
|
|
max-width: var(--content-width);
|
|
|
|
}
|