diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-04 09:27:46 +0200 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-13 16:10:59 +0200 |
| commit | cc6037e438e5302320d9b864021fc3d5e42a3180 (patch) | |
| tree | ebb12d20795230b6678515cb27d1321bd9d2d7e5 /core/css/toast.scss | |
| parent | 9a9409e31583c0fdd7c0bfe67f5f9177c7651830 (diff) | |
| download | nextcloud-server-cc6037e438e5302320d9b864021fc3d5e42a3180.tar.gz nextcloud-server-cc6037e438e5302320d9b864021fc3d5e42a3180.zip | |
Migrate core scss
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/toast.scss')
| -rw-r--r-- | core/css/toast.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/core/css/toast.scss b/core/css/toast.scss new file mode 100644 index 00000000000..88d9cbc6785 --- /dev/null +++ b/core/css/toast.scss @@ -0,0 +1,52 @@ +@use 'variables'; +@import 'functions'; + +.toastify.toast { + min-width: 200px; + background: none; + background-color: var(--color-main-background); + color: var(--color-main-text); + box-shadow: 0 0 6px 0 var(--color-box-shadow); + padding: 12px; + padding-right: 34px; + margin-top: 45px; + position: fixed; + z-index: 9000; + border-radius: var(--border-radius); + + .toast-close { + position: absolute; + top: 0; + right: 0; + width: 38px; + opacity: 0.4; + padding: 12px; + @include icon-color('close', 'actions', variables.$color-black, 2, true); + background-position: center; + background-repeat: no-repeat; + text-indent: 200%; + white-space: nowrap; + overflow: hidden; + + &:hover, &:focus, &:active { + cursor: pointer; + opacity: 1; + } + } +} +.toastify.toastify-top { + right: 10px; +} + +.toast-error { + border-left: 3px solid var(--color-error); +} +.toast-info { + border-left: 3px solid var(--color-primary); +} +.toast-warning { + border-left: 3px solid var(--color-warning); +} +.toast-success { + border-left: 3px solid var(--color-success); +} |