File: D:/HostingSpaces/SBogers10/shop.komma.nl/resources/sass/5-Components/_components.nav.scss
.c-nav {}
.c-nav__list {
display: flex;
align-items: baseline;
margin: 0;
list-style: none;
}
.c-nav__item {
position: relative;
display: flex;
align-items: center;
margin-top: 0;
white-space: nowrap;
&:nth-last-child(n+2) {
margin-right: space(4);
}
}
.c-nav__item--account {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: space(9) !important;
}
.c-nav__subitem {
color: palette(neutral, 500);
position: absolute;
top: space(2.5);
left: 0;
}
.c-nav__sublink {
@include font-size(s);
@include font-weight(bold);
padding: 0;
text-decoration: none;
background: none;
border: none;
cursor: pointer;
color: palette(neutral, 500);
transition: color 150ms linear;
&:hover {
color: palette(action, 500);
}
&:active {
color: palette(neutral, 500);
}
}
.c-nav__link {
@include font-weight('bold');
padding: 0;
color: palette(neutral, 0);
text-decoration: none;
transition: color 150ms linear;
background: none;
border: none;
font-size: 1rem;
cursor: pointer;
&:hover {
color: rgba(palette(neutral, 0), 0.6);
}
.is-active & {
color: palette(action, 500);
}
}
.c-nav__icon {
margin-left: space(1);
color: palette(action, 500);
}
.c-nav__actions {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
margin: 0;
}