github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Streamlined custom toast styles

pull/5312/head
LEWE, GEORGE 2023-09-12 18:41:45 +02:00
parent 393aa0c7fa
commit 7bca72b572
1 changed files with 1 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/scss/_toasts.scss
View File

@ -2,35 +2,6 @@
* Custom toast styles to reflect Bootstrap colors * Custom toast styles to reflect Bootstrap colors
*/ */
/**
* Get subtle BG color.
* Returns the subtle bg color for a given color name.
*
* @param string $value - Bootstrap color name
* @return string - Bootstrap subtle bg color
*/
@function get-subtle-bg-color($value) {
@if $value == "primary" {
@return $primary-bg-subtle;
} @else if $value == "secondary" {
@return $secondary-bg-subtle;
} @else if $value == "success" {
@return $success-bg-subtle;
} @else if $value == "info" {
@return $info-bg-subtle;
} @else if $value == "warning" {
@return $warning-bg-subtle;
} @else if $value == "danger" {
@return $danger-bg-subtle;
} @else if $value == "light" {
@return $light-bg-subtle;
} @else if $value == "dark" {
@return $dark-bg-subtle;
} @else {
@return $value;
}
}
/** /**
* Get button close SVG. * Get button close SVG.
* Returns an either white or black button SVG dependent on the given color name. * Returns an either white or black button SVG dependent on the given color name.
@ -46,14 +17,6 @@
} }
} }
//
// Adjusting size and margin
//
.toast {
min-width: 300px;
margin: 8px;
}
// //
// Color variants // Color variants
// //
@ -63,7 +26,7 @@
--#{$prefix}toast-header-bg: #{$color}; --#{$prefix}toast-header-bg: #{$color};
--#{$prefix}toast-header-border-color: #{$color}; --#{$prefix}toast-header-border-color: #{$color};
--#{$prefix}toast-border-color: #{$color}; --#{$prefix}toast-border-color: #{$color};
--#{$prefix}toast-bg: #{get-subtle-bg-color($name)}; --#{$prefix}toast-bg: var(--#{$prefix}#{$name}-bg-subtle);
} }
.toast-#{$name} .btn-close { .toast-#{$name} .btn-close {
--#{$prefix}btn-close-bg: #{get-btn-close-svg($name)}; --#{$prefix}btn-close-bg: #{get-btn-close-svg($name)};