npm - @syncfusion/blazor-themes - Versions diffs - 31.1.21 → 31.1.23 - Mend

@syncfusion/blazor-themes 31.1.21 → 31.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

package/SCSS-Themes/notifications/toast/bootstrap.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: rgba($base-font, .8) !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap4-lite.scss CHANGED Viewed

@@ -356,7 +356,7 @@ $toast-close-icon-hover-color: $black !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap4.scss CHANGED Viewed

@@ -356,7 +356,7 @@ $toast-close-icon-hover-color: $black !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-dark-lite.scss CHANGED Viewed

@@ -344,7 +344,7 @@ $toast-close-icon-hover-color: $theme-tertiary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-dark.scss CHANGED Viewed

@@ -344,7 +344,7 @@ $toast-close-icon-hover-color: $theme-tertiary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-lite.scss CHANGED Viewed

@@ -345,7 +345,7 @@ $toast-close-icon-hover-color: $theme-primary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric.scss CHANGED Viewed

@@ -345,7 +345,7 @@ $toast-close-icon-hover-color: $theme-primary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-dark-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-dark.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-highcontrast.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/highcontrast-lite.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: $selection-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/highcontrast.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: $selection-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material-dark-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material-dark.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-dark-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-dark.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }