SiteWebAstrolabe/src/scss/components/_nav.scss
2020-06-19 23:47:44 +02:00

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;
}
}
}
}