| 12345678910111213141516171819202122232425262728293031323334 |
- @import "../../scss/_bootstrap-extended/include";
- @import "notyf/notyf.min";
-
-
- .notyf__toast {
- &.notyf__toast--dismissible .notyf__wrapper {
- padding-inline-end: 1.625rem;
- }
- .notyf__wrapper {
- @include border-radius($border-radius);
- }
- .notyf__icon {
- margin-inline: 0 1rem;
- }
- &.notyf__info {
- box-shadow: 0 .25rem 1rem rgba(var(--#{$prefix}info-rgb), .4);
- color: var(--#{$prefix}info-contrast);
- }
-
- &.notyf__error {
- box-shadow: 0 .25rem 1rem rgba(var(--#{$prefix}danger-rgb), .4);
- color: var(--#{$prefix}danger-contrast);
- }
-
- &.notyf__success {
- box-shadow: 0 .25rem 1rem rgba(var(--#{$prefix}success-rgb), .4);
- color: var(--#{$prefix}success-contrast);
- }
-
- &.notyf__warning {
- box-shadow: 0 .25rem 1rem rgba(var(--#{$prefix}warning-rgb), .4);
- color: var(--#{$prefix}warning-contrast);
- }
- }
|