hugo-theme-paradox/assets/styles/components/site-header.scss
2022-12-23 05:21:41 -06:00

74 lines
1.1 KiB
SCSS

.site-masthead {
display: inline-flex;
flex-flow: row;
align-items: center;
gap: 1em;
text-decoration: none;
img {
block-size: 2rem;
}
svg {
block-size: 2rem;
inline-size: 100%;
}
}
.site-title {
font-weight: 900;
letter-spacing: -0.5px;
font-size: 1.25em;
}
.site-masthead:link, .site-masthead:visited {
color: var(--ui-text);
}
.color-switcher {
display: grid;
place-items: center;
margin-inline-start: auto;
margin-inline-end: 0.5em;
}
.site-header {
.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 1em;
}
padding-block: 1em;
a {
font-weight: 500;
}
.hang-left {
display: flex;
gap: 1em;
flex-flow: row wrap;
max-inline-size: 100%;
flex-grow: 1;
justify-content: space-between;
}
}
.header-nav {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
.menu {
display: flex;
flex-flow: row wrap;
gap: 1em;
li {
display: grid;
}
a {
display: flex;
align-items: center;
gap: 0.5em;
&:after {
display: none;
}
}
}
}