diff options
| author | Csaba S <csaba.solya@gmail.com> | 2018-07-21 02:09:57 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-07-21 02:09:57 +0800 |
| commit | c11dea9afc9f4215529abda11a0d5a7e4fdd10d4 (patch) | |
| tree | 9a21c102490c3a9c751c606008d1e0c10b20cdc2 /ui/app/css/itcss/components/alert.scss | |
| parent | 682d59cfe0114dc987fe5e953e9db4dca5e2b5d7 (diff) | |
| parent | cb045fd8feec88bd631329ab9b3285aeed0f2e97 (diff) | |
| download | tangerine-wallet-browser-c11dea9afc9f4215529abda11a0d5a7e4fdd10d4.tar.gz tangerine-wallet-browser-c11dea9afc9f4215529abda11a0d5a7e4fdd10d4.tar.zst tangerine-wallet-browser-c11dea9afc9f4215529abda11a0d5a7e4fdd10d4.zip | |
Merge branch 'develop' into transaction-notifications
Diffstat (limited to 'ui/app/css/itcss/components/alert.scss')
| -rw-r--r-- | ui/app/css/itcss/components/alert.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/alert.scss b/ui/app/css/itcss/components/alert.scss new file mode 100644 index 000000000..930fc3f54 --- /dev/null +++ b/ui/app/css/itcss/components/alert.scss @@ -0,0 +1,57 @@ +.global-alert { + position: relative; + width: 100%; + background-color: #33A4E7; + + .msg { + width: 100%; + display: block; + color: white; + font-size: 12px; + text-align: center; + } +} + +.global-alert.hidden { + animation: alertHidden .5s ease forwards; +} + +.global-alert.visible { + animation: alert .5s ease forwards; +} + +/* Animation */ +@keyframes alert { + 0% { + opacity: 0; + top: -50px; + padding: 0px; + line-height: 12px; + } + + 50% { + opacity: 1; + } + + 100% { + top: 0; + padding: 8px; + line-height: 12px; + } +} + +@keyframes alertHidden { + 0% { + top: 0; + opacity: 1; + padding: 8px; + line-height: 12px; + } + + 100% { + opacity: 0; + top: -50px; + padding: 0px; + line-height: 0px; + } +} |