Using ng-animate with ng-show/ng-hide to transition the opacity of an element. (extendible sass class)

NGShowHideOpacity.scss

/*************************************************
 * Structure for ng-show/ng-hide animations
 * .animationName {
 	// CSS While ng-show is true
 *	&.ng-hide-add, &.ng-hide-remove {
 *	 display: block !important;
 *	}
 *	&.ng-hide {
 *	 // CSS while ng-hide is true
 *	}
 * }
 *************************************************/

/* Transitioning the opacity of an ng-show-item  */
%opacityShowHide {
	@include single-transition(opacity,.3s,ease-in-out);
	opacity: 1;
	&.ng-hide-add, &.ng-hide-remove {
	 	display: block !important;
	}
	&.ng-hide {
		opacity: 0;
	}
}