@syncfusion/blazor-themes 31.1.17 → 31.1.18

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 (151) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +1 -0
  2. package/Compiled-Themes/bds-dark.css +1 -0
  3. package/Compiled-Themes/bds-lite.css +1 -0
  4. package/Compiled-Themes/bds.css +1 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +1 -0
  6. package/Compiled-Themes/bootstrap-dark.css +1 -0
  7. package/Compiled-Themes/bootstrap-lite.css +1 -0
  8. package/Compiled-Themes/bootstrap.css +1 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +1 -0
  10. package/Compiled-Themes/bootstrap4.css +1 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +1 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +1 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +1 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +1 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +1 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +1 -0
  17. package/Compiled-Themes/bootstrap5.3.css +1 -0
  18. package/Compiled-Themes/bootstrap5.css +1 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +1 -0
  20. package/Compiled-Themes/fabric-dark.css +1 -0
  21. package/Compiled-Themes/fabric-lite.css +1 -0
  22. package/Compiled-Themes/fabric.css +1 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +2 -1
  24. package/Compiled-Themes/fluent-dark.css +2 -1
  25. package/Compiled-Themes/fluent-lite.css +2 -1
  26. package/Compiled-Themes/fluent.css +2 -1
  27. package/Compiled-Themes/fluent2-dark-lite.css +2 -1
  28. package/Compiled-Themes/fluent2-dark.css +2 -1
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +2 -1
  30. package/Compiled-Themes/fluent2-highcontrast.css +2 -1
  31. package/Compiled-Themes/fluent2-lite.css +2 -1
  32. package/Compiled-Themes/fluent2.css +2 -1
  33. package/Compiled-Themes/highcontrast-lite.css +1 -0
  34. package/Compiled-Themes/highcontrast.css +1 -0
  35. package/Compiled-Themes/material-dark-lite.css +1 -0
  36. package/Compiled-Themes/material-dark.css +1 -0
  37. package/Compiled-Themes/material-lite.css +1 -0
  38. package/Compiled-Themes/material.css +1 -0
  39. package/Compiled-Themes/material3-dark-lite.css +2 -1
  40. package/Compiled-Themes/material3-dark.css +2 -1
  41. package/Compiled-Themes/material3-lite.css +2 -1
  42. package/Compiled-Themes/material3.css +2 -1
  43. package/Compiled-Themes/tailwind-dark-lite.css +1 -0
  44. package/Compiled-Themes/tailwind-dark.css +1 -0
  45. package/Compiled-Themes/tailwind-lite.css +1 -0
  46. package/Compiled-Themes/tailwind.css +1 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +1 -0
  48. package/Compiled-Themes/tailwind3-dark.css +1 -0
  49. package/Compiled-Themes/tailwind3-lite.css +1 -0
  50. package/Compiled-Themes/tailwind3.css +1 -0
  51. package/SCSS-Themes/bds-dark-lite.scss +7 -1
  52. package/SCSS-Themes/bds-dark.scss +7 -1
  53. package/SCSS-Themes/bds-lite.scss +7 -1
  54. package/SCSS-Themes/bds.scss +7 -1
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +8 -1
  56. package/SCSS-Themes/bootstrap-dark.scss +8 -1
  57. package/SCSS-Themes/bootstrap-lite.scss +8 -1
  58. package/SCSS-Themes/bootstrap.scss +8 -1
  59. package/SCSS-Themes/bootstrap4-lite.scss +7 -1
  60. package/SCSS-Themes/bootstrap4.scss +7 -1
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +7 -1
  62. package/SCSS-Themes/bootstrap5-dark.scss +7 -1
  63. package/SCSS-Themes/bootstrap5-lite.scss +7 -1
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +7 -1
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +7 -1
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +7 -1
  67. package/SCSS-Themes/bootstrap5.3.scss +7 -1
  68. package/SCSS-Themes/bootstrap5.scss +7 -1
  69. package/SCSS-Themes/fabric-dark-lite.scss +7 -1
  70. package/SCSS-Themes/fabric-dark.scss +7 -1
  71. package/SCSS-Themes/fabric-lite.scss +7 -1
  72. package/SCSS-Themes/fabric.scss +7 -1
  73. package/SCSS-Themes/fluent-dark-lite.scss +8 -2
  74. package/SCSS-Themes/fluent-dark.scss +8 -2
  75. package/SCSS-Themes/fluent-lite.scss +8 -2
  76. package/SCSS-Themes/fluent.scss +8 -2
  77. package/SCSS-Themes/fluent2-dark-lite.scss +8 -2
  78. package/SCSS-Themes/fluent2-dark.scss +8 -2
  79. package/SCSS-Themes/fluent2-highcontrast-lite.scss +8 -2
  80. package/SCSS-Themes/fluent2-highcontrast.scss +8 -2
  81. package/SCSS-Themes/fluent2-lite.scss +8 -2
  82. package/SCSS-Themes/fluent2.scss +8 -2
  83. package/SCSS-Themes/highcontrast-lite.scss +7 -1
  84. package/SCSS-Themes/highcontrast.scss +7 -1
  85. package/SCSS-Themes/material-dark-lite.scss +7 -1
  86. package/SCSS-Themes/material-dark.scss +7 -1
  87. package/SCSS-Themes/material-lite.scss +7 -1
  88. package/SCSS-Themes/material.scss +7 -1
  89. package/SCSS-Themes/material3-dark-lite.scss +8 -2
  90. package/SCSS-Themes/material3-dark.scss +8 -2
  91. package/SCSS-Themes/material3-lite.scss +8 -2
  92. package/SCSS-Themes/material3.scss +8 -2
  93. package/SCSS-Themes/navigations/menu/bds-dark-lite.scss +7 -1
  94. package/SCSS-Themes/navigations/menu/bds-dark.scss +7 -1
  95. package/SCSS-Themes/navigations/menu/bds-lite.scss +7 -1
  96. package/SCSS-Themes/navigations/menu/bds.scss +7 -1
  97. package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss +8 -1
  98. package/SCSS-Themes/navigations/menu/bootstrap-dark.scss +8 -1
  99. package/SCSS-Themes/navigations/menu/bootstrap-lite.scss +8 -1
  100. package/SCSS-Themes/navigations/menu/bootstrap.scss +8 -1
  101. package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss +7 -1
  102. package/SCSS-Themes/navigations/menu/bootstrap4.scss +7 -1
  103. package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss +7 -1
  104. package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss +7 -1
  105. package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss +7 -1
  106. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss +7 -1
  107. package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss +7 -1
  108. package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss +7 -1
  109. package/SCSS-Themes/navigations/menu/bootstrap5.3.scss +7 -1
  110. package/SCSS-Themes/navigations/menu/bootstrap5.scss +7 -1
  111. package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss +7 -1
  112. package/SCSS-Themes/navigations/menu/fabric-dark.scss +7 -1
  113. package/SCSS-Themes/navigations/menu/fabric-lite.scss +7 -1
  114. package/SCSS-Themes/navigations/menu/fabric.scss +7 -1
  115. package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss +8 -2
  116. package/SCSS-Themes/navigations/menu/fluent-dark.scss +8 -2
  117. package/SCSS-Themes/navigations/menu/fluent-lite.scss +8 -2
  118. package/SCSS-Themes/navigations/menu/fluent.scss +8 -2
  119. package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss +8 -2
  120. package/SCSS-Themes/navigations/menu/fluent2-dark.scss +8 -2
  121. package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss +8 -2
  122. package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss +8 -2
  123. package/SCSS-Themes/navigations/menu/fluent2-lite.scss +8 -2
  124. package/SCSS-Themes/navigations/menu/fluent2.scss +8 -2
  125. package/SCSS-Themes/navigations/menu/highcontrast-lite.scss +7 -1
  126. package/SCSS-Themes/navigations/menu/highcontrast.scss +7 -1
  127. package/SCSS-Themes/navigations/menu/material-dark-lite.scss +7 -1
  128. package/SCSS-Themes/navigations/menu/material-dark.scss +7 -1
  129. package/SCSS-Themes/navigations/menu/material-lite.scss +7 -1
  130. package/SCSS-Themes/navigations/menu/material.scss +7 -1
  131. package/SCSS-Themes/navigations/menu/material3-dark-lite.scss +8 -2
  132. package/SCSS-Themes/navigations/menu/material3-dark.scss +8 -2
  133. package/SCSS-Themes/navigations/menu/material3-lite.scss +8 -2
  134. package/SCSS-Themes/navigations/menu/material3.scss +8 -2
  135. package/SCSS-Themes/navigations/menu/tailwind-dark-lite.scss +7 -1
  136. package/SCSS-Themes/navigations/menu/tailwind-dark.scss +7 -1
  137. package/SCSS-Themes/navigations/menu/tailwind-lite.scss +7 -1
  138. package/SCSS-Themes/navigations/menu/tailwind.scss +7 -1
  139. package/SCSS-Themes/navigations/menu/tailwind3-dark-lite.scss +7 -1
  140. package/SCSS-Themes/navigations/menu/tailwind3-dark.scss +7 -1
  141. package/SCSS-Themes/navigations/menu/tailwind3-lite.scss +7 -1
  142. package/SCSS-Themes/navigations/menu/tailwind3.scss +7 -1
  143. package/SCSS-Themes/tailwind-dark-lite.scss +7 -1
  144. package/SCSS-Themes/tailwind-dark.scss +7 -1
  145. package/SCSS-Themes/tailwind-lite.scss +7 -1
  146. package/SCSS-Themes/tailwind.scss +7 -1
  147. package/SCSS-Themes/tailwind3-dark-lite.scss +7 -1
  148. package/SCSS-Themes/tailwind3-dark.scss +7 -1
  149. package/SCSS-Themes/tailwind3-lite.scss +7 -1
  150. package/SCSS-Themes/tailwind3.scss +7 -1
  151. package/package.json +1 -1
package/SCSS-Themes/navigations/menu/bootstrap4-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap4.scss CHANGED
@@ -157,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5-dark-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-dark-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-dark.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3-lite.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5.3.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $icon-color-pressed !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $icon-color-pressed !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/bootstrap5.scss CHANGED
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/fabric-dark-lite.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,6 +195,12 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
+ @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' {
199
+ line-height: $menu-icon-li-height;
200
+ }
201
+ @else {
202
+ line-height: $menu-li-height;
203
+ }
198
204
  }
199
205
  }
200
206
  }
package/SCSS-Themes/navigations/menu/fabric-dark.scss CHANGED
@@ -152,7 +152,7 @@ $menu-header-icon-padding: 0 16px !default;
152
152
  & .e-caret {
153
153
  font-size: $menu-caret-font-size;
154
154
  height: auto;
155
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
155
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
156
156
  line-height: $menu-icon-li-height;
157
157
  }
158
158
  @else {
@@ -195,6 +195,12 @@ $menu-header-icon-padding: 0 16px !default;
195
195
  @if $skin-name == 'fluent2' {
196
196
  padding: 9px 0;
197
197
  }
198
+ @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' {
199
+ line-height: $menu-icon-li-height;
200
+ }
201
+ @else {
202
+ line-height: $menu-li-height;
203
+ }
198
204
  }
199
205
  }
200
206
  }
package/SCSS-Themes/navigations/menu/fabric-lite.scss CHANGED
@@ -155,7 +155,7 @@ $menu-header-icon-padding: 0 16px !default;
155
155
  & .e-caret {
156
156
  font-size: $menu-caret-font-size;
157
157
  height: auto;
158
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
158
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
159
159
  line-height: $menu-icon-li-height;
160
160
  }
161
161
  @else {
@@ -198,6 +198,12 @@ $menu-header-icon-padding: 0 16px !default;
198
198
  @if $skin-name == 'fluent2' {
199
199
  padding: 9px 0;
200
200
  }
201
+ @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' {
202
+ line-height: $menu-icon-li-height;
203
+ }
204
+ @else {
205
+ line-height: $menu-li-height;
206
+ }
201
207
  }
202
208
  }
203
209
  }
package/SCSS-Themes/navigations/menu/fabric.scss CHANGED
@@ -155,7 +155,7 @@ $menu-header-icon-padding: 0 16px !default;
155
155
  & .e-caret {
156
156
  font-size: $menu-caret-font-size;
157
157
  height: auto;
158
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
158
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
159
159
  line-height: $menu-icon-li-height;
160
160
  }
161
161
  @else {
@@ -198,6 +198,12 @@ $menu-header-icon-padding: 0 16px !default;
198
198
  @if $skin-name == 'fluent2' {
199
199
  padding: 9px 0;
200
200
  }
201
+ @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' {
202
+ line-height: $menu-icon-li-height;
203
+ }
204
+ @else {
205
+ line-height: $menu-li-height;
206
+ }
201
207
  }
202
208
  }
203
209
  }
package/SCSS-Themes/navigations/menu/fluent-dark-lite.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 44px !default;
50
+ $menu-icon-li-height: 40px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/fluent-dark.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 44px !default;
50
+ $menu-icon-li-height: 40px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/fluent-lite.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 44px !default;
50
+ $menu-icon-li-height: 40px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/fluent.scss CHANGED
@@ -47,7 +47,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
47
47
  $menu-bigger-vscroll-nav-size: 32px !default;
48
48
  $menu-bigger-scroll-nav-icon-size: $text-lg !default;
49
49
  $menu-header-icon-padding: 0 16px !default;
50
- $menu-icon-li-height: 44px !default;
50
+ $menu-icon-li-height: 40px !default;
51
51
  $menu-li-bgcolor: $content-bg-color-alt3 !default;
52
52
  $menu-li-border-color: $border-light !default;
53
53
  $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -157,7 +157,7 @@ $menu-caret-color: $cmenu-caret-color !default;
157
157
  & .e-caret {
158
158
  font-size: $menu-caret-font-size;
159
159
  height: auto;
160
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
160
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
161
161
  line-height: $menu-icon-li-height;
162
162
  }
163
163
  @else {
@@ -200,6 +200,12 @@ $menu-caret-color: $cmenu-caret-color !default;
200
200
  @if $skin-name == 'fluent2' {
201
201
  padding: 9px 0;
202
202
  }
203
+ @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' {
204
+ line-height: $menu-icon-li-height;
205
+ }
206
+ @else {
207
+ line-height: $menu-li-height;
208
+ }
203
209
  }
204
210
  }
205
211
  }
package/SCSS-Themes/navigations/menu/fluent2-dark-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }
package/SCSS-Themes/navigations/menu/fluent2-dark.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }
package/SCSS-Themes/navigations/menu/fluent2-highcontrast-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }
package/SCSS-Themes/navigations/menu/fluent2-highcontrast.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }
package/SCSS-Themes/navigations/menu/fluent2-lite.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }
package/SCSS-Themes/navigations/menu/fluent2.scss CHANGED
@@ -69,7 +69,7 @@ $menu-icon-color: $icon-color !default;
69
69
  $menu-icon-hover-color: $content-text-color-hover !default;
70
70
  $menu-icon-focussed-color: $cmenu-caret-color !default;
71
71
  $menu-caret-color: $icon-color-pressed !default;
72
- $menu-icon-li-height: 42px !default;
72
+ $menu-icon-li-height: 18px !default;
73
73
  $menu-bigger-li-icon-height: 55px !default;
74
74
 
75
75
 
@@ -158,7 +158,7 @@ $menu-bigger-li-icon-height: 55px !default;
158
158
  & .e-caret {
159
159
  font-size: $menu-caret-font-size;
160
160
  height: auto;
161
- @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
161
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
162
162
  line-height: $menu-icon-li-height;
163
163
  }
164
164
  @else {
@@ -201,6 +201,12 @@ $menu-bigger-li-icon-height: 55px !default;
201
201
  @if $skin-name == 'fluent2' {
202
202
  padding: 9px 0;
203
203
  }
204
+ @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' {
205
+ line-height: $menu-icon-li-height;
206
+ }
207
+ @else {
208
+ line-height: $menu-li-height;
209
+ }
204
210
  }
205
211
  }
206
212
  }