Ghost_Ruby_Theme/assets/css/site/header.css

48 lines
779 B
CSS
Raw Normal View History

2019-04-29 19:46:11 +03:00
.site-header {
background-color: var(--white-color);
box-shadow: var(--shadow-base);
2019-05-27 10:32:25 +03:00
padding: 0 30px;
2019-04-29 19:46:11 +03:00
z-index: 80;
}
.navbar {
align-items: center;
display: flex;
2019-05-27 10:32:25 +03:00
height: 70px;
2019-04-29 19:46:11 +03:00
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 {
2019-05-25 14:22:54 +03:00
max-height: 40px;
2019-04-29 19:46:11 +03:00
}
.logo-text {
font-family: var(--font-alt);
2019-05-03 18:11:39 +03:00
font-size: 25px;
2019-04-29 19:46:11 +03:00
font-weight: 700;
letter-spacing: 0.5px;
2019-04-29 19:46:11 +03:00
line-height: 1;
}
.nav-list {
display: flex;
}
.menu-item {
2019-05-04 19:02:00 +03:00
font-size: 12px;
2019-04-29 19:46:11 +03:00
font-weight: 700;
letter-spacing: 0.5px;
2019-04-29 19:46:11 +03:00
line-height: 1;
margin: 0 20px;
text-transform: uppercase;
}