diff options
author | brunobar79 <brunobar79@gmail.com> | 2018-07-19 14:31:02 +0800 |
---|---|---|
committer | brunobar79 <brunobar79@gmail.com> | 2018-07-19 14:31:02 +0800 |
commit | 76981c2ad9b0f8f13fa61ba3b60c07203a81eb57 (patch) | |
tree | dfd375c3a0adb26a393d4b9dcf7456141a936423 /ui/app/css/itcss/components/alert.scss | |
parent | 514148ffa1652b4e23ffe04fbe23bb0eadbdecb7 (diff) | |
download | tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar.gz tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar.bz2 tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar.lz tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar.xz tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.tar.zst tangerine-wallet-browser-76981c2ad9b0f8f13fa61ba3b60c07203a81eb57.zip |
added new global alert
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; + } +} |