2020-06-19 23:47:44 +02:00
|
|
|
.nav {
|
|
|
|
&__list {
|
|
|
|
overflow-x: auto;
|
|
|
|
|
|
|
|
// Add padding and neg margin to allow focus style visibility
|
|
|
|
padding: .5rem;
|
|
|
|
margin: -.5rem;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
-ms-overflow-style: none;
|
|
|
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
> * + * {
|
|
|
|
margin-left: 2rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__item {
|
|
|
|
padding: get-size(300) 0;
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
|
|
a {
|
|
|
|
@include apply-utility('weight', 'mid');
|
|
|
|
color: currentColor;
|
|
|
|
|
|
|
|
&:not(:hover) {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
}
|
2020-07-15 23:05:36 +02:00
|
|
|
|
|
|
|
&.active a {
|
|
|
|
text-decoration: underline;
|
|
|
|
cursor: default;
|
|
|
|
}
|
2020-06-19 23:47:44 +02:00
|
|
|
}
|
|
|
|
}
|