@syncfusion/blazor-themes 24.1.45 → 24.1.47

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 (243) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +109 -83
  2. package/SCSS-Themes/bootstrap.scss +109 -83
  3. package/SCSS-Themes/bootstrap4.scss +121 -95
  4. package/SCSS-Themes/bootstrap5-dark.scss +115 -89
  5. package/SCSS-Themes/bootstrap5.scss +115 -89
  6. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +12 -48
  7. package/SCSS-Themes/buttons/button/bootstrap.scss +12 -48
  8. package/SCSS-Themes/buttons/button/bootstrap4.scss +24 -60
  9. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +12 -48
  10. package/SCSS-Themes/buttons/button/bootstrap5.scss +12 -48
  11. package/SCSS-Themes/buttons/button/fabric-dark.scss +12 -48
  12. package/SCSS-Themes/buttons/button/fabric.scss +12 -48
  13. package/SCSS-Themes/buttons/button/fluent-dark.scss +12 -48
  14. package/SCSS-Themes/buttons/button/fluent.scss +12 -48
  15. package/SCSS-Themes/buttons/button/highcontrast.scss +12 -48
  16. package/SCSS-Themes/buttons/button/material-dark.scss +12 -48
  17. package/SCSS-Themes/buttons/button/material.scss +12 -48
  18. package/SCSS-Themes/buttons/button/material3-dark.scss +12 -48
  19. package/SCSS-Themes/buttons/button/material3.scss +12 -48
  20. package/SCSS-Themes/buttons/button/tailwind-dark.scss +12 -48
  21. package/SCSS-Themes/buttons/button/tailwind.scss +12 -48
  22. package/SCSS-Themes/calendars/calendar/material3-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/material3.scss +1 -1
  24. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +5 -0
  25. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +5 -0
  26. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +5 -0
  27. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +5 -0
  28. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +5 -0
  29. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +5 -0
  30. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +5 -0
  31. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +5 -0
  32. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +5 -0
  33. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +5 -0
  34. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +5 -0
  35. package/SCSS-Themes/documenteditor/document-editor/material.scss +5 -0
  36. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +5 -0
  37. package/SCSS-Themes/documenteditor/document-editor/material3.scss +5 -0
  38. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +5 -0
  39. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +5 -0
  40. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss +0 -5
  41. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss +0 -5
  42. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss +0 -5
  43. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss +0 -5
  44. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss +0 -5
  45. package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss +0 -5
  46. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +0 -5
  47. package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss +0 -5
  48. package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss +0 -5
  49. package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss +0 -5
  50. package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss +0 -5
  51. package/SCSS-Themes/dropdowns/drop-down-base/material.scss +0 -5
  52. package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss +0 -5
  53. package/SCSS-Themes/dropdowns/drop-down-base/material3.scss +0 -5
  54. package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss +0 -5
  55. package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss +0 -5
  56. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +5 -0
  57. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +5 -0
  58. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +5 -0
  59. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +5 -0
  60. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +5 -0
  61. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +5 -0
  62. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +5 -0
  63. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +5 -0
  64. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +5 -0
  65. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +5 -0
  66. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +5 -0
  67. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +5 -0
  68. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +5 -0
  69. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +5 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +5 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +5 -0
  72. package/SCSS-Themes/fabric-dark.scss +109 -83
  73. package/SCSS-Themes/fabric.scss +109 -83
  74. package/SCSS-Themes/fluent-dark.scss +113 -87
  75. package/SCSS-Themes/fluent.scss +113 -87
  76. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  77. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  78. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  79. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  80. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  81. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  82. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  84. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  85. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  86. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  87. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  88. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  89. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  90. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  91. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  92. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +22 -4
  93. package/SCSS-Themes/grids/grid/bootstrap.scss +22 -4
  94. package/SCSS-Themes/grids/grid/bootstrap4.scss +22 -4
  95. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -4
  96. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -4
  97. package/SCSS-Themes/grids/grid/fabric-dark.scss +22 -4
  98. package/SCSS-Themes/grids/grid/fabric.scss +22 -4
  99. package/SCSS-Themes/grids/grid/fluent-dark.scss +22 -4
  100. package/SCSS-Themes/grids/grid/fluent.scss +22 -4
  101. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -4
  102. package/SCSS-Themes/grids/grid/material-dark.scss +22 -4
  103. package/SCSS-Themes/grids/grid/material.scss +22 -4
  104. package/SCSS-Themes/grids/grid/material3-dark.scss +22 -4
  105. package/SCSS-Themes/grids/grid/material3.scss +22 -4
  106. package/SCSS-Themes/grids/grid/tailwind-dark.scss +22 -4
  107. package/SCSS-Themes/grids/grid/tailwind.scss +22 -4
  108. package/SCSS-Themes/highcontrast.scss +109 -83
  109. package/SCSS-Themes/kanban/kanban/bootstrap-dark.scss +0 -1
  110. package/SCSS-Themes/kanban/kanban/bootstrap.scss +0 -1
  111. package/SCSS-Themes/kanban/kanban/bootstrap4.scss +0 -1
  112. package/SCSS-Themes/kanban/kanban/bootstrap5-dark.scss +0 -1
  113. package/SCSS-Themes/kanban/kanban/bootstrap5.scss +0 -1
  114. package/SCSS-Themes/kanban/kanban/fabric-dark.scss +0 -1
  115. package/SCSS-Themes/kanban/kanban/fabric.scss +0 -1
  116. package/SCSS-Themes/kanban/kanban/fluent-dark.scss +0 -1
  117. package/SCSS-Themes/kanban/kanban/fluent.scss +0 -1
  118. package/SCSS-Themes/kanban/kanban/highcontrast.scss +0 -1
  119. package/SCSS-Themes/kanban/kanban/material-dark.scss +0 -1
  120. package/SCSS-Themes/kanban/kanban/material.scss +0 -1
  121. package/SCSS-Themes/kanban/kanban/material3-dark.scss +0 -1
  122. package/SCSS-Themes/kanban/kanban/material3.scss +0 -1
  123. package/SCSS-Themes/kanban/kanban/tailwind-dark.scss +0 -1
  124. package/SCSS-Themes/kanban/kanban/tailwind.scss +0 -1
  125. package/SCSS-Themes/material-dark.scss +109 -83
  126. package/SCSS-Themes/material.scss +110 -83
  127. package/SCSS-Themes/material3-dark.scss +111 -85
  128. package/SCSS-Themes/material3.scss +111 -85
  129. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +10 -3
  130. package/SCSS-Themes/navigations/stepper/bootstrap.scss +10 -3
  131. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +10 -3
  132. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +10 -3
  133. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +10 -3
  134. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +10 -3
  135. package/SCSS-Themes/navigations/stepper/fabric.scss +10 -3
  136. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +10 -3
  137. package/SCSS-Themes/navigations/stepper/fluent.scss +10 -3
  138. package/SCSS-Themes/navigations/stepper/highcontrast.scss +10 -3
  139. package/SCSS-Themes/navigations/stepper/material-dark.scss +10 -3
  140. package/SCSS-Themes/navigations/stepper/material.scss +10 -3
  141. package/SCSS-Themes/navigations/stepper/material3-dark.scss +10 -3
  142. package/SCSS-Themes/navigations/stepper/material3.scss +10 -3
  143. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +10 -3
  144. package/SCSS-Themes/navigations/stepper/tailwind.scss +10 -3
  145. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +8 -0
  146. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +8 -0
  147. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +8 -0
  148. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +13 -5
  149. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +13 -5
  150. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +8 -0
  151. package/SCSS-Themes/navigations/toolbar/fabric.scss +8 -0
  152. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +10 -2
  153. package/SCSS-Themes/navigations/toolbar/fluent.scss +10 -2
  154. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +8 -0
  155. package/SCSS-Themes/navigations/toolbar/material-dark.scss +8 -0
  156. package/SCSS-Themes/navigations/toolbar/material.scss +8 -0
  157. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +8 -0
  158. package/SCSS-Themes/navigations/toolbar/material3.scss +8 -0
  159. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +10 -2
  160. package/SCSS-Themes/navigations/toolbar/tailwind.scss +10 -2
  161. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +14 -2
  162. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +14 -2
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +14 -2
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +14 -2
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +14 -2
  166. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +14 -2
  167. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +14 -2
  168. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +14 -2
  169. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +14 -2
  170. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +14 -2
  171. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +14 -2
  172. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +14 -2
  173. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +14 -2
  174. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +14 -2
  175. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +14 -2
  176. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +14 -2
  177. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -0
  178. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -0
  179. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -0
  180. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -0
  181. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -0
  182. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -0
  183. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -0
  184. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -0
  185. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -0
  186. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -0
  187. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -0
  188. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -0
  189. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -0
  190. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -0
  191. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -0
  192. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -0
  193. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +5 -4
  194. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +5 -4
  195. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +5 -4
  196. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -5
  197. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -5
  198. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +5 -4
  199. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +5 -4
  200. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -5
  201. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -5
  202. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +5 -4
  203. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +5 -4
  204. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -4
  205. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -5
  206. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -5
  207. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -5
  208. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -5
  209. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +14 -14
  210. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +14 -14
  211. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +14 -14
  212. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +14 -14
  213. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +14 -14
  214. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +14 -14
  215. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +14 -14
  216. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +14 -14
  217. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +14 -14
  218. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +14 -14
  219. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +14 -14
  220. package/SCSS-Themes/splitbuttons/button-group/material.scss +14 -14
  221. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +14 -14
  222. package/SCSS-Themes/splitbuttons/button-group/material3.scss +14 -14
  223. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +14 -14
  224. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +14 -14
  225. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +3 -1
  226. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +3 -1
  227. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +3 -1
  228. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +3 -1
  229. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +3 -1
  230. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +3 -1
  231. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +3 -1
  232. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +4 -2
  233. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +4 -2
  234. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +3 -1
  235. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +3 -1
  236. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +3 -1
  237. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +3 -1
  238. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +3 -1
  239. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +3 -1
  240. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +3 -1
  241. package/SCSS-Themes/tailwind-dark.scss +112 -86
  242. package/SCSS-Themes/tailwind.scss +112 -86
  243. package/package.json +1 -1
@@ -316,7 +316,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
316
316
  }
317
317
 
318
318
  &.e-focused {
319
- background-color: $drop-down-btn-li-focus-bgcolor;
319
+ @if $skin-name != 'FluentUI' {
320
+ background-color: $drop-down-btn-li-focus-bgcolor;
321
+ }
320
322
  box-shadow: $drop-down-btn-li-box-shadow;
321
323
  }
322
324
 
@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
313
313
  }
314
314
 
315
315
  &.e-focused {
316
- background-color: $drop-down-btn-li-focus-bgcolor;
316
+ @if $skin-name != 'FluentUI' {
317
+ background-color: $drop-down-btn-li-focus-bgcolor;
318
+ }
317
319
  box-shadow: $drop-down-btn-li-box-shadow;
318
320
  }
319
321
 
@@ -34,7 +34,7 @@ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
34
34
  $drop-down-btn-popup-margin-top: 4px !default;
35
35
  $drop-down-btn-bigger-popup-margin-top: 4px !default;
36
36
  $drop-down-btn-ul-border: 0 solid $border-light !default;
37
- $drop-down-btn-li-box-shadow: none !default;
37
+ $drop-down-btn-li-box-shadow: inset 0 0 0 1px rgba($content-text-color, 1) !default;
38
38
  $drop-down-btn-li-border-style: solid !default;
39
39
 
40
40
  //Color
@@ -317,7 +317,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
317
317
  }
318
318
 
319
319
  &.e-focused {
320
- background-color: $drop-down-btn-li-focus-bgcolor;
320
+ @if $skin-name != 'FluentUI' {
321
+ background-color: $drop-down-btn-li-focus-bgcolor;
322
+ }
321
323
  box-shadow: $drop-down-btn-li-box-shadow;
322
324
  }
323
325
 
@@ -34,7 +34,7 @@ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
34
34
  $drop-down-btn-popup-margin-top: 4px !default;
35
35
  $drop-down-btn-bigger-popup-margin-top: 4px !default;
36
36
  $drop-down-btn-ul-border: 0 solid $border-light !default;
37
- $drop-down-btn-li-box-shadow: none !default;
37
+ $drop-down-btn-li-box-shadow: inset 0 0 0 1px rgba($content-text-color, 1) !default;
38
38
  $drop-down-btn-li-border-style: solid !default;
39
39
 
40
40
  //Color
@@ -317,7 +317,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
317
317
  }
318
318
 
319
319
  &.e-focused {
320
- background-color: $drop-down-btn-li-focus-bgcolor;
320
+ @if $skin-name != 'FluentUI' {
321
+ background-color: $drop-down-btn-li-focus-bgcolor;
322
+ }
321
323
  box-shadow: $drop-down-btn-li-box-shadow;
322
324
  }
323
325
 
@@ -312,7 +312,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
312
312
  }
313
313
 
314
314
  &.e-focused {
315
- background-color: $drop-down-btn-li-focus-bgcolor;
315
+ @if $skin-name != 'FluentUI' {
316
+ background-color: $drop-down-btn-li-focus-bgcolor;
317
+ }
316
318
  box-shadow: $drop-down-btn-li-box-shadow;
317
319
  }
318
320
 
@@ -316,7 +316,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
316
316
  }
317
317
 
318
318
  &.e-focused {
319
- background-color: $drop-down-btn-li-focus-bgcolor;
319
+ @if $skin-name != 'FluentUI' {
320
+ background-color: $drop-down-btn-li-focus-bgcolor;
321
+ }
320
322
  box-shadow: $drop-down-btn-li-box-shadow;
321
323
  }
322
324
 
@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
313
313
  }
314
314
 
315
315
  &.e-focused {
316
- background-color: $drop-down-btn-li-focus-bgcolor;
316
+ @if $skin-name != 'FluentUI' {
317
+ background-color: $drop-down-btn-li-focus-bgcolor;
318
+ }
317
319
  box-shadow: $drop-down-btn-li-box-shadow;
318
320
  }
319
321
 
@@ -316,7 +316,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
316
316
  }
317
317
 
318
318
  &.e-focused {
319
- background-color: $drop-down-btn-li-focus-bgcolor;
319
+ @if $skin-name != 'FluentUI' {
320
+ background-color: $drop-down-btn-li-focus-bgcolor;
321
+ }
320
322
  box-shadow: $drop-down-btn-li-box-shadow;
321
323
  }
322
324
 
@@ -316,7 +316,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
316
316
  }
317
317
 
318
318
  &.e-focused {
319
- background-color: $drop-down-btn-li-focus-bgcolor;
319
+ @if $skin-name != 'FluentUI' {
320
+ background-color: $drop-down-btn-li-focus-bgcolor;
321
+ }
320
322
  box-shadow: $drop-down-btn-li-box-shadow;
321
323
  }
322
324
 
@@ -314,7 +314,9 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
314
314
  }
315
315
 
316
316
  &.e-focused {
317
- background-color: $drop-down-btn-li-focus-bgcolor;
317
+ @if $skin-name != 'FluentUI' {
318
+ background-color: $drop-down-btn-li-focus-bgcolor;
319
+ }
318
320
  box-shadow: $drop-down-btn-li-box-shadow;
319
321
  }
320
322
 
@@ -314,7 +314,9 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
314
314
  }
315
315
 
316
316
  &.e-focused {
317
- background-color: $drop-down-btn-li-focus-bgcolor;
317
+ @if $skin-name != 'FluentUI' {
318
+ background-color: $drop-down-btn-li-focus-bgcolor;
319
+ }
318
320
  box-shadow: $drop-down-btn-li-box-shadow;
319
321
  }
320
322