liebling/src/sass/components/header/_nav.scss

76 lines
1.2 KiB
SCSS
Raw Normal View History

2019-05-21 19:50:29 +00:00
.m-nav {
@include respond-to('medium') {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.m-nav__left {
margin-bottom: 30px;
@include respond-to('medium') {
margin-bottom: 0;
}
ul {
padding: 0;
margin: 0;
@include respond-to('medium') {
display: flex;
align-items: center;
}
li {
2019-09-28 22:02:59 +00:00
color: var(--titles-color);
2019-05-21 19:50:29 +00:00
letter-spacing: 0.3px;
font-size: 1.125rem;
margin-bottom: 15px;
@include respond-to('medium') {
margin-bottom: 0;
margin-right: 35px;
position: relative;
}
&:last-of-type {
margin-bottom: 0;
@include respond-to('medium') {
margin-right: 0;
}
}
&.nav-current {
font-weight: 600;
}
a {
color: inherit;
}
}
}
}
2019-09-20 21:30:08 +00:00
2019-11-12 16:48:45 +00:00
.m-nav__right {
display: flex;
align-items: center;
justify-content: flex-end;
}
2019-09-20 21:30:08 +00:00
.rtl {
.m-nav__left ul li {
@include respond-to('medium') {
margin-right: 0;
margin-left: 35px;
&:last-of-type {
@include respond-to('medium') {
margin-left: 0;
}
}
}
}
}