HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
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;
}