@import '../../index.scss';

.aside {
	overflow-x: hidden;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.aside-nav-link {
	text-decoration: none;
	color: #75858c;
	&:hover {
		text-decoration: none;
	}
	& > div {
		border-left: 5px solid transparent;
	}
	&.is-active-nav-link {
		color: #3f51b5;
		& > div {
			border-left: 5px solid $secondary-color;
		}
	}
}

.aside-warpper-nav-link {
	min-width: 40px;
}

.aside-list-pages {
	flex-grow: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

.aside-list-close {
	padding: 0px;
	background-color: $bg-primary;
}

.aside-link-text {
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	& > * {
		font-weight: 500;
		-webkit-font-smoothing: antialiased;
		font-size: 14px;
	}
}