Active state sidebar link

.portal-nav {
	list-style: none;
	height: 1930px;
		li {
		list-style: none;
			a {
				// display: none;
			text-transform: uppercase;
			font-size: em(20px, $base-font-size);
			padding: 25px;
			@extend .knockout;
			letter-spacing: 1px;
			font-weight:400;
			color: #fff;
			padding: 25px 25px 25px 62px;
			display: block;
			width: 100%;
			&.dashboard {
				background: url('/images/dashboard-off.svg') 5px 16px / 48px no-repeat;
				@extend .nav-links-extend;
					&.active {
						background: url('/images/dashboard-on.svg') #7A858E 5px 16px / 48px no-repeat;
						color: $orange;
					}
			}
			&.series-nav {
				background: url('/images/series-planner-off.svg') 5px 16px / 48px no-repeat;
				@extend .nav-links-extend;
					&.active {
						background: url('/images/series-planner-on.svg') #7A858E 5px 16px / 48px no-repeat;
						color: $orange;
					}
			}
			&.game-library {
				background: url('/images/game-library-off.svg') 5px 16px / 48px no-repeat;
				@extend .nav-links-extend;
					&.active {
						background: url('/images/game-library-on.svg') #7A858E 5px 16px / 48px no-repeat;
						color: $orange;
					}
			}
		}
	}	
}