diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-06-24 23:20:47 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-06-24 23:20:47 +0200 |
| commit | 1a0e378ab04fb0b0a88dc3d2d91487117904ff1e (patch) | |
| tree | a276f669f0ce42407729f5904d9ad09705892ac1 /client-web/style/logger.sass | |
| parent | 2c5e565a613e5d235113b39647a54a6b90388136 (diff) | |
| download | keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar.bz2 keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar.zst | |
sass
Diffstat (limited to 'client-web/style/logger.sass')
| -rw-r--r-- | client-web/style/logger.sass | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/client-web/style/logger.sass b/client-web/style/logger.sass new file mode 100644 index 0000000..d5e80c8 --- /dev/null +++ b/client-web/style/logger.sass @@ -0,0 +1,54 @@ +/* + This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet) + which is licensed under the GNU Affero General Public License (version 3); see /COPYING. + Copyright (C) 2023 metamuffin <metamuffin@disroot.org> + +.logger-container + position: absolute + top: 0px + right: 0px + transition: width 1s + + background-color: rgba(0, 0, 0, 0.376) + border-radius: 0.2em + border: 0px solid transparent + padding: 0.2em + +.logger-error + font-size: 1.5em !important + color: red + +.logger-warn + font-size: 1.5em !important + color: yellow + +.logger-line + font-size: 1em + height: 1.2em + font-family: monospace + animation-name: appear + animation-timing-function: linear + animation-duration: 0.3s + animation-fill-mode: forwards + +.logger-line-disappear + animation-name: disappear + animation-timing-function: linear + animation-duration: 1s + animation-fill-mode: forwards + +@keyframes appear + from + margin-top: -1.2em + opacity: 0 + + to + opacity: 1 + +@keyframes disappear + from + opacity: 1 + + to + margin-top: -1.2em + opacity: 0 |