Add animation to our left sidebar menu, emphasis on icons.

style.css

/* Primary Navigation - Animated
--------------------------------------------- */

.nav-primary .genesis-nav-menu a,
.nav-primary .genesis-nav-menu a:before,
.nav-primary .genesis-nav-menu .menu-item {
	-webkit-transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-ms-transition: all .10s ease-in-out;
	-o-transition: all .10s ease-in-out;
	transition: all .10s ease-in-out;
}

.nav-primary .genesis-nav-menu a > span {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.nav-primary .genesis-nav-menu a:hover > span {
	opacity: 1;
	padding-left: 110px; /* Add our padding to include the nav width */
	z-index: 1;

	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0); /* Reset our X-axis to zero */
}

.nav-primary .genesis-nav-menu .menu-item > a:hover:before,
.nav-primary .genesis-nav-menu .menu-item.current-menu-item > a:before {
	border-left-color: #3d4652;
}