diff options
author | Dan Finlay <dan@danfinlay.com> | 2016-04-14 06:28:44 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2016-04-14 06:28:44 +0800 |
commit | d814a45dffa6a872f6e336cad33ca41ffb102887 (patch) | |
tree | d8cdd0c4b8c6559efaf6846b24f0d6440f3c94f5 /ui/app/css/transitions.css | |
parent | 9f1438b85b3dac8f1dd98f7bd6e101035cfce0a5 (diff) | |
download | tangerine-wallet-browser-d814a45dffa6a872f6e336cad33ca41ffb102887.tar.gz tangerine-wallet-browser-d814a45dffa6a872f6e336cad33ca41ffb102887.tar.zst tangerine-wallet-browser-d814a45dffa6a872f6e336cad33ca41ffb102887.zip |
Moved UI into repo with its own dependency stack
Diffstat (limited to 'ui/app/css/transitions.css')
-rw-r--r-- | ui/app/css/transitions.css | 47 |
1 files changed, 47 insertions, 0 deletions
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; +} + |