npm - @syncfusion/blazor-themes - Versions diffs - 31.1.17 → 31.1.19 - Mend

@syncfusion/blazor-themes 31.1.17 → 31.1.19

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 (201) hide show

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

@@ -19808,6 +19808,10 @@ $calendar-small-font-size: 12px !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -44943,7 +44947,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44986,6 +44990,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material.scss CHANGED Viewed

@@ -27674,6 +27674,10 @@ $calendar-small-font-size: 12px !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -61261,7 +61265,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61304,6 +61308,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

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

@@ -20002,6 +20002,10 @@ $calendar-small-font-size: $text-xs !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -44815,7 +44819,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -44925,7 +44929,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44968,6 +44972,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

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

@@ -27868,6 +27868,10 @@ $calendar-small-font-size: $text-xs !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -61133,7 +61137,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -61243,7 +61247,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61286,6 +61290,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

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

@@ -20072,6 +20072,10 @@ $calendar-small-font-size: $text-xs !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -44885,7 +44889,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -44995,7 +44999,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -45038,6 +45042,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material3.scss CHANGED Viewed

@@ -27938,6 +27938,10 @@ $calendar-small-font-size: $text-xs !default;
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
@@ -61203,7 +61207,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -61313,7 +61317,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61356,6 +61360,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-dark-lite.scss CHANGED Viewed

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-dark.scss CHANGED Viewed

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-lite.scss CHANGED Viewed

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds.scss CHANGED Viewed

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss CHANGED Viewed

@@ -17,6 +17,7 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -152,7 +153,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -195,6 +196,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-dark.scss CHANGED Viewed

@@ -17,6 +17,7 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -152,7 +153,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -195,6 +196,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-lite.scss CHANGED Viewed

@@ -35,6 +35,7 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -156,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap.scss CHANGED Viewed

@@ -35,6 +35,7 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -156,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap4.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap5.3.scss CHANGED Viewed

@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }