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

54 lines
799 B
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;
}
.site-icon {
height: 2em;
}
.site-title {
font-weight: 900;
letter-spacing: -0.5px;
font-size: 1.25em;
}
.site-masthead, .site-masthead:visited {
color: inherit
}
.site-masthead:focus {
color: var(--primary-accent-text);
}
.site-header {padding: 1em 0;}
.site-header a {
2022-10-16 22:15:34 +00:00
font-weight: 500;
}
.site-header .container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
2022-10-16 22:15:34 +00:00
gap: 1em;
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;
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
}
}
}