From b15ab4adb837e43409e5e3cf3a40a83ef4dbf62f Mon Sep 17 00:00:00 2001 From: Roger Gonzalez Date: Sun, 8 Jan 2023 22:12:24 -0300 Subject: Initial commit --- .../assets/scss/bootstrap/_toasts.scss | 44 ++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100755 themes/hugo-whisper-theme/assets/scss/bootstrap/_toasts.scss (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/_toasts.scss') diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/_toasts.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/_toasts.scss new file mode 100755 index 0000000..6aa5352 --- /dev/null +++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/_toasts.scss @@ -0,0 +1,44 @@ +.toast { + max-width: $toast-max-width; + overflow: hidden; // cheap rounded corners on nested items + @include font-size($toast-font-size); + color: $toast-color; + background-color: $toast-background-color; + background-clip: padding-box; + border: $toast-border-width solid $toast-border-color; + box-shadow: $toast-box-shadow; + backdrop-filter: blur(10px); + opacity: 0; + @include border-radius($toast-border-radius); + + &:not(:last-child) { + margin-bottom: $toast-padding-x; + } + + &.showing { + opacity: 1; + } + + &.show { + display: block; + opacity: 1; + } + + &.hide { + display: none; + } +} + +.toast-header { + display: flex; + align-items: center; + padding: $toast-padding-y $toast-padding-x; + color: $toast-header-color; + background-color: $toast-header-background-color; + background-clip: padding-box; + border-bottom: $toast-border-width solid $toast-header-border-color; +} + +.toast-body { + padding: $toast-padding-x; // apply to both vertical and horizontal +} -- cgit v1.2.3