From e06742daea01caebeeb624a51e0ea59d29c7980b Mon Sep 17 00:00:00 2001 From: Roman Timashev Date: Mon, 22 Feb 2016 01:11:49 +0300 Subject: [PATCH] style page refactoring --- src/style/docs.scss | 11 --------- src/style/home.scss | 16 ------------- src/style/page.scss | 51 +++++++++++++++++++++++++++++++++++++---- src/style/schedule.scss | 11 --------- 4 files changed, 47 insertions(+), 42 deletions(-) diff --git a/src/style/docs.scss b/src/style/docs.scss index 16258a42..455233c0 100644 --- a/src/style/docs.scss +++ b/src/style/docs.scss @@ -1,14 +1,3 @@ -.page-docs { - &.ng-leave { - transform-origin: 50% 50%; - animation: rotateOutNewspaper .3s both ease-in; - } - - &.ng-enter { - animation: scaleUp 0.3s both ease-in - } -} - .documents-container { display: flex; flex-wrap: wrap; diff --git a/src/style/home.scss b/src/style/home.scss index b8fba33b..fee1db82 100644 --- a/src/style/home.scss +++ b/src/style/home.scss @@ -1,19 +1,3 @@ -.page-home { - &.ng-leave { - transform-origin: 0% 0%; - animation: rotateFall .3s both ease-in; - } - - &.ng-enter { - animation: scaleUp 0.3s both ease-in; - } -} - -.page.page-home{ - width: 90%; - margin: 0 auto; -} - .main-block { h1 { font-size: 18pt; diff --git a/src/style/page.scss b/src/style/page.scss index 0db33eff..4b8397be 100644 --- a/src/style/page.scss +++ b/src/style/page.scss @@ -1,12 +1,55 @@ .page { padding-top: 0; width: 100%; + + &.ng-leave { + // z-index: 9999; + } + + &.ng-enter { + // z-index: 8888; + } } -.page.ng-leave { -// z-index: 9999; +.page-home { + &.ng-leave { + transform-origin: 0% 0%; + animation: rotateFall .3s both ease-in; + } + + &.ng-enter { + animation: scaleUp 0.3s both ease-in; + } } -.page.ng-enter { -// z-index: 8888; +.page-schedule { + &.ng-leave { + transform-origin: 0% 0%; + animation: rotateFall 0.3s both ease-in; + } + + &.ng-enter { + animation: scaleUp 0.3s both ease-in; + } } + +.page-team { + &.ng-leave { + animation: slideOutLeft 0.3s both ease-in; + } + + &.ng-enter { + animation: slideInRight 0.3s both ease-in; + } +} + +.page-docs { + &.ng-leave { + transform-origin: 50% 50%; + animation: rotateOutNewspaper .3s both ease-in; + } + + &.ng-enter { + animation: scaleUp 0.3s both ease-in + } +} \ No newline at end of file diff --git a/src/style/schedule.scss b/src/style/schedule.scss index 6cfb6e9e..4c0553ab 100644 --- a/src/style/schedule.scss +++ b/src/style/schedule.scss @@ -1,14 +1,3 @@ -.page-schedule { - &.ng-leave { - transform-origin: 0% 0%; - animation: rotateFall 0.3s both ease-in; - } - - &.ng-enter { - animation: scaleUp 0.3s both ease-in; - } -} - .schedule { position: relative; margin: 30px auto 0 auto;