blog_theme/assets/css/site/header.css
2020-09-28 11:05:46 +08:00

56 lines
843 B
CSS

.site-header {
background-color: var(--white-color);
box-shadow: var(--shadow-base);
padding: 0 30px;
z-index: 80;
}
.navbar {
align-items: center;
display: flex;
height: 70px;
justify-content: space-between;
}
.navbar-left,
.navbar-right {
flex: 2;
}
.navbar-right {
display: flex;
justify-content: flex-end;
}
.logo {
display: inline-block;
margin-right: 15px;
position: relative;
vertical-align: middle;
}
.logo-image {
max-height: 40px;
}
.logo-text {
font-family: var(--font-alt);
font-size: 25px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1;
}
.nav-list {
display: flex;
}
.menu-item {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1;
margin: 0 20px;
text-transform: uppercase;
}