Files
@ 71805cc66e00
Branch filter:
Location: symposion_app/static/src/bootstrap/scss/_toasts.scss - annotation
71805cc66e00
990 B
text/x-scss
Add additional account app templates
This works around use block "body" when we need block "content".
This works around use block "body" when we need block "content".
effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 effa0a0fb473 | .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
}
|