34 lines
542 B
SCSS
34 lines
542 B
SCSS
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|