hugo-theme-paradox/assets/styles/components/site-header.scss

77 lines
1 KiB
SCSS
Raw Normal View History

.site-masthead {
display: inline-flex;
flex-flow: row;
align-items: center;
gap: 1em;
2022-10-16 22:15:34 +00:00
text-decoration: none;
2022-12-18 14:10:54 +00:00
img {
height: 2rem;
}
svg {
height: 2rem;
width: 100%;
}
}
.site-icon {
height: 2em;
}
.site-title {
font-weight: 900;
letter-spacing: -0.5px;
font-size: 1.25em;
}
2022-12-18 14:10:54 +00:00
.site-masthead:link, .site-masthead:visited {
color: var(--ui-text);
}
2022-12-18 14:10:54 +00:00
.color-switcher {
display: grid;
place-items: center;
margin-left: auto;
margin-right: 0.5em;
}
2022-12-18 14:10:54 +00:00
.site-header {
.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 1em;
}
padding: 1em 0;
a {
font-weight: 500;
}
.hang-left {
display: flex;
gap: 1em;
flex-flow: row wrap;
max-width: 100%;
flex-grow: 1;
justify-content: space-between;
}
2022-10-16 22:49:29 +00:00
}
.header-nav {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
.menu {
display: flex;
flex-flow: row wrap;
gap: 1em;
2022-12-18 14:10:54 +00:00
li {
display: grid;
}
2022-10-16 22:49:29 +00:00
a {
display: flex;
align-items: center;
gap: 0.5em;
2022-10-16 23:04:05 +00:00
&:after {
display: none;
}
2022-10-16 22:49:29 +00:00
}
}
}