From d814a45dffa6a872f6e336cad33ca41ffb102887 Mon Sep 17 00:00:00 2001 From: Dan Finlay Date: Wed, 13 Apr 2016 15:28:44 -0700 Subject: Moved UI into repo with its own dependency stack --- ui/app/css/transitions.css | 47 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 ui/app/css/transitions.css (limited to 'ui/app/css/transitions.css') diff --git a/ui/app/css/transitions.css b/ui/app/css/transitions.css new file mode 100644 index 000000000..3d0bf46a1 --- /dev/null +++ b/ui/app/css/transitions.css @@ -0,0 +1,47 @@ +/* initial positions */ +.app-primary.from-right .main-enter { + transform: translateX(400px); + position: absolute; + width: 100%; + transition: transform 300ms ease-in-out; +} +.app-primary.from-left .main-enter { + transform: translateX(-400px); + position: absolute; + width: 100%; + transition: transform 300ms ease-in-out; +} + +/* center position */ +.app-primary .main-enter.main-enter-active, +.app-primary .main-leave { + transform: translateX(0px); + position: absolute; + width: 100%; + transition: transform 300ms ease-in-out; +} + +/* final positions */ +.app-primary.from-left .main-leave-active { + transform: translateX(400px); + position: absolute; + width: 100%; + transition: transform 300ms ease-in-out; +} +.app-primary.from-right .main-leave-active { + transform: translateX(-400px); + position: absolute; + width: 100%; + transition: transform 300ms ease-in-out; +} + +/* loader transitions */ +.loader-enter, .loader-leave-active { + opacity: 0.0; + transition: opacity 150 ease-in-out; +} +.loader-enter-active, .loader-leave { + opacity: 1.0; + transition: opacity 150 ease-in-out; +} + -- cgit