diff options
author | Dan Finlay <542863+danfinlay@users.noreply.github.com> | 2018-02-22 07:46:31 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-02-22 07:46:31 +0800 |
commit | eed75735b8e90d121537249cf147c1ece60f1e47 (patch) | |
tree | c7cfc9bea782df7035761caa8c1809d8fde58824 /old-ui/app/css/transitions.css | |
parent | 16754fa30744df8b3b3edc0e5229db29f3ad23ec (diff) | |
parent | e27a3823ba2595baa7c3378e6a6f2aa5dae30250 (diff) | |
download | tangerine-wallet-browser-eed75735b8e90d121537249cf147c1ece60f1e47.tar.gz tangerine-wallet-browser-eed75735b8e90d121537249cf147c1ece60f1e47.tar.zst tangerine-wallet-browser-eed75735b8e90d121537249cf147c1ece60f1e47.zip |
Merge pull request #3050 from MetaMask/uat
[EPIC] Merge UAT into master
Diffstat (limited to 'old-ui/app/css/transitions.css')
-rw-r--r-- | old-ui/app/css/transitions.css | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/old-ui/app/css/transitions.css b/old-ui/app/css/transitions.css new file mode 100644 index 000000000..393a944f9 --- /dev/null +++ b/old-ui/app/css/transitions.css @@ -0,0 +1,42 @@ +/* universal */ +.app-primary .main-enter { + position: absolute; + width: 100%; +} + +/* center position */ +.app-primary.from-right .main-enter-active, +.app-primary.from-left .main-enter-active { + overflow-x: hidden; + transform: translateX(0px); + transition: transform 300ms ease-in; +} + +/* exited positions */ +.app-primary.from-left .main-leave-active { + transform: translateX(360px); + transition: transform 300ms ease-in; +} +.app-primary.from-right .main-leave-active { + transform: translateX(-360px); + transition: transform 300ms ease-in; +} + +/* loader transitions */ +.loader-enter, .loader-leave-active { + opacity: 0.0; + transition: opacity 150 ease-in; +} +.loader-enter-active, .loader-leave { + opacity: 1.0; + transition: opacity 150 ease-in; +} + +/* entering positions */ +.app-primary.from-right .main-enter:not(.main-enter-active) { + transform: translateX(360px); +} +.app-primary.from-left .main-enter:not(.main-enter-active) { + transform: translateX(-360px); +} + |