From ac5fb466c072b9f71bb8fd58d255aa937661b9aa Mon Sep 17 00:00:00 2001 From: samsep Date: Fri, 11 Mar 2016 15:33:40 -0800 Subject: [PATCH 1/2] add slide transition --- src/styles/modal.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/styles/modal.scss b/src/styles/modal.scss index c9d4064..f053c9d 100644 --- a/src/styles/modal.scss +++ b/src/styles/modal.scss @@ -5,11 +5,11 @@ modal { @include display(flex); @include justify-content(center); @include flex-wrap(wrap); - @include transform(scale(0)); - @include transition (all 0.2s ease-in-out); + // @include transform(scale(0)); + @include transition (top 0.2s ease-in-out); position : fixed; - top : 0; + top : 100vh; left : 0; width : 100%; height : 100%; @@ -17,8 +17,8 @@ modal { opacity : 0; &.show { - @include transform(scale(1)); - + // @include transform(scale(1)); + top: 0; opacity: 1; } From 4a736e077a3386ecb2c59752a8d9f0f778a65017 Mon Sep 17 00:00:00 2001 From: samsep Date: Fri, 11 Mar 2016 16:58:01 -0800 Subject: [PATCH 2/2] remove comments --- src/styles/modal.scss | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/styles/modal.scss b/src/styles/modal.scss index f053c9d..1a5ebe9 100644 --- a/src/styles/modal.scss +++ b/src/styles/modal.scss @@ -5,8 +5,7 @@ modal { @include display(flex); @include justify-content(center); @include flex-wrap(wrap); - // @include transform(scale(0)); - @include transition (top 0.2s ease-in-out); + @include transition (all 0.2s ease-in-out); position : fixed; top : 100vh; @@ -17,7 +16,6 @@ modal { opacity : 0; &.show { - // @include transform(scale(1)); top: 0; opacity: 1; } @@ -35,4 +33,3 @@ modal { } } } -