Animated mobile sidebar reveal

2017-08-23 07:52:25 +12:00
parent 2ce397b93a
commit 429c6b3093
3 changed files with 14 additions and 3 deletions
--- a/src/scss/components/_sidebar.scss
+++ b/src/scss/components/_sidebar.scss
@ -87,6 +87,7 @@ aside{
 	}

 	@include responsive( $bp_medium ){
+		@include animate(0.15s);
 		width: 220px;
 		left: -220px;
 		padding-bottom: 0;
@ -94,7 +95,9 @@ aside{
 		z-index: 100;

 		.sidebar-open & {
-			left: 0px;
+			-ms-transform: translate(220px, 0);
+			-webkit-transform: translate(220px, 0);
+			transform: translate(220px, 0);
 		}

 		.liner {