@syncfusion/blazor-themes 29.1.39 → 29.1.41

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 (202) hide show
  1. package/Compiled-Themes/bootstrap-lite.css +7 -0
  2. package/Compiled-Themes/bootstrap.css +7 -0
  3. package/Compiled-Themes/bootstrap4-lite.css +7 -0
  4. package/Compiled-Themes/bootstrap4.css +7 -0
  5. package/Compiled-Themes/bootstrap5-dark-lite.css +6 -0
  6. package/Compiled-Themes/bootstrap5-dark.css +6 -0
  7. package/Compiled-Themes/bootstrap5-lite.css +6 -0
  8. package/Compiled-Themes/bootstrap5.3-dark-lite.css +6 -0
  9. package/Compiled-Themes/bootstrap5.3-dark.css +6 -0
  10. package/Compiled-Themes/bootstrap5.3-lite.css +6 -0
  11. package/Compiled-Themes/bootstrap5.3.css +6 -0
  12. package/Compiled-Themes/bootstrap5.css +6 -0
  13. package/Compiled-Themes/fabric-lite.css +5 -0
  14. package/Compiled-Themes/fabric.css +5 -0
  15. package/Compiled-Themes/fluent-dark.css +4 -0
  16. package/Compiled-Themes/fluent.css +4 -0
  17. package/Compiled-Themes/highcontrast-lite.css +5 -0
  18. package/Compiled-Themes/highcontrast.css +5 -0
  19. package/Compiled-Themes/material-lite.css +9 -0
  20. package/Compiled-Themes/material.css +9 -0
  21. package/Compiled-Themes/tailwind3-dark-lite.css +1 -1
  22. package/Compiled-Themes/tailwind3-dark.css +2 -2
  23. package/Compiled-Themes/tailwind3-lite.css +1 -1
  24. package/Compiled-Themes/tailwind3.css +2 -2
  25. package/SCSS-Themes/bds-dark-lite.scss +16 -1
  26. package/SCSS-Themes/bds-dark.scss +22 -2
  27. package/SCSS-Themes/bds-lite.scss +16 -1
  28. package/SCSS-Themes/bds.scss +22 -2
  29. package/SCSS-Themes/bootstrap-dark-lite.scss +17 -1
  30. package/SCSS-Themes/bootstrap-dark.scss +23 -2
  31. package/SCSS-Themes/bootstrap-lite.scss +17 -1
  32. package/SCSS-Themes/bootstrap.scss +23 -2
  33. package/SCSS-Themes/bootstrap4-lite.scss +17 -1
  34. package/SCSS-Themes/bootstrap4.scss +23 -2
  35. package/SCSS-Themes/bootstrap5-dark-lite.scss +17 -1
  36. package/SCSS-Themes/bootstrap5-dark.scss +23 -2
  37. package/SCSS-Themes/bootstrap5-lite.scss +17 -1
  38. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +17 -1
  39. package/SCSS-Themes/bootstrap5.3-dark.scss +23 -2
  40. package/SCSS-Themes/bootstrap5.3-lite.scss +17 -1
  41. package/SCSS-Themes/bootstrap5.3.scss +23 -2
  42. package/SCSS-Themes/bootstrap5.scss +23 -2
  43. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +2 -2
  45. package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +2 -2
  47. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +2 -2
  49. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +2 -2
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss +1 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +2 -2
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss +1 -1
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +2 -2
  55. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss +1 -1
  56. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss +1 -1
  57. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss +2 -2
  58. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss +1 -1
  59. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss +2 -2
  60. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +2 -2
  61. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +1 -1
  62. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  63. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +1 -1
  64. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  65. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss +1 -1
  66. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +2 -2
  67. package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss +1 -1
  68. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +2 -2
  69. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  70. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +2 -2
  71. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  72. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +2 -2
  73. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  74. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  76. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  79. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +1 -1
  80. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  82. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +2 -2
  85. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +2 -2
  87. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss +1 -1
  88. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +2 -2
  89. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  90. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +2 -2
  91. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  92. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +2 -2
  93. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +15 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +15 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +15 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +15 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +16 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +16 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +16 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +16 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +16 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +16 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +16 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +16 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +16 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +16 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +16 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +16 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +16 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +16 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +16 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +16 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +16 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +16 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +15 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +15 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +15 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +15 -0
  119. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +15 -0
  120. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +15 -0
  121. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +15 -0
  122. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +15 -0
  123. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +15 -0
  124. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +15 -0
  125. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +16 -0
  126. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +16 -0
  127. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +15 -0
  128. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +15 -0
  129. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +15 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +15 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +15 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +15 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +15 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +15 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +15 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +15 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +15 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +15 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +15 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +15 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +15 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +15 -0
  143. package/SCSS-Themes/dropdowns/multi-select/material-lite.scss +9 -0
  144. package/SCSS-Themes/dropdowns/multi-select/material.scss +9 -0
  145. package/SCSS-Themes/fabric-dark-lite.scss +17 -1
  146. package/SCSS-Themes/fabric-dark.scss +23 -2
  147. package/SCSS-Themes/fabric-lite.scss +17 -1
  148. package/SCSS-Themes/fabric.scss +23 -2
  149. package/SCSS-Themes/fluent-dark-lite.scss +16 -1
  150. package/SCSS-Themes/fluent-dark.scss +22 -2
  151. package/SCSS-Themes/fluent-lite.scss +16 -1
  152. package/SCSS-Themes/fluent.scss +22 -2
  153. package/SCSS-Themes/fluent2-dark-lite.scss +16 -1
  154. package/SCSS-Themes/fluent2-dark.scss +22 -2
  155. package/SCSS-Themes/fluent2-highcontrast-lite.scss +16 -1
  156. package/SCSS-Themes/fluent2-highcontrast.scss +22 -2
  157. package/SCSS-Themes/fluent2-lite.scss +16 -1
  158. package/SCSS-Themes/fluent2.scss +22 -2
  159. package/SCSS-Themes/grids/grid/bds-dark.scss +5 -0
  160. package/SCSS-Themes/grids/grid/bds.scss +5 -0
  161. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +5 -0
  162. package/SCSS-Themes/grids/grid/bootstrap.scss +5 -0
  163. package/SCSS-Themes/grids/grid/bootstrap4.scss +5 -0
  164. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +5 -0
  165. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +5 -0
  166. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +5 -0
  167. package/SCSS-Themes/grids/grid/bootstrap5.scss +5 -0
  168. package/SCSS-Themes/grids/grid/fabric-dark.scss +5 -0
  169. package/SCSS-Themes/grids/grid/fabric.scss +5 -0
  170. package/SCSS-Themes/grids/grid/fluent-dark.scss +5 -0
  171. package/SCSS-Themes/grids/grid/fluent.scss +5 -0
  172. package/SCSS-Themes/grids/grid/fluent2-dark.scss +5 -0
  173. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +5 -0
  174. package/SCSS-Themes/grids/grid/fluent2.scss +5 -0
  175. package/SCSS-Themes/grids/grid/highcontrast.scss +5 -0
  176. package/SCSS-Themes/grids/grid/material-dark.scss +5 -0
  177. package/SCSS-Themes/grids/grid/material.scss +5 -0
  178. package/SCSS-Themes/grids/grid/material3-dark.scss +5 -0
  179. package/SCSS-Themes/grids/grid/material3.scss +5 -0
  180. package/SCSS-Themes/grids/grid/tailwind-dark.scss +5 -0
  181. package/SCSS-Themes/grids/grid/tailwind.scss +5 -0
  182. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +5 -0
  183. package/SCSS-Themes/grids/grid/tailwind3.scss +5 -0
  184. package/SCSS-Themes/highcontrast-lite.scss +17 -1
  185. package/SCSS-Themes/highcontrast.scss +23 -2
  186. package/SCSS-Themes/material-dark-lite.scss +16 -1
  187. package/SCSS-Themes/material-dark.scss +22 -2
  188. package/SCSS-Themes/material-lite.scss +25 -1
  189. package/SCSS-Themes/material.scss +31 -2
  190. package/SCSS-Themes/material3-dark-lite.scss +16 -1
  191. package/SCSS-Themes/material3-dark.scss +22 -2
  192. package/SCSS-Themes/material3-lite.scss +16 -1
  193. package/SCSS-Themes/material3.scss +22 -2
  194. package/SCSS-Themes/tailwind-dark-lite.scss +16 -1
  195. package/SCSS-Themes/tailwind-dark.scss +22 -2
  196. package/SCSS-Themes/tailwind-lite.scss +16 -1
  197. package/SCSS-Themes/tailwind.scss +22 -2
  198. package/SCSS-Themes/tailwind3-dark-lite.scss +16 -1
  199. package/SCSS-Themes/tailwind3-dark.scss +22 -2
  200. package/SCSS-Themes/tailwind3-lite.scss +16 -1
  201. package/SCSS-Themes/tailwind3.scss +22 -2
  202. package/package.json +1 -1
@@ -2745,6 +2745,7 @@ $ddl-default-border-color: $grey-cc !default;
2745
2745
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2746
2746
  $ddl-back-icon-padding: 0 !default;
2747
2747
  $ddl-filter-margin: 0 !default;
2748
+ $ddl-box-border-color: $grey-cc !default;
2748
2749
 
2749
2750
  // small size
2750
2751
  $ddl-small-list-font-size: 13px !default;
@@ -3081,6 +3082,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3081
3082
  color: rgb(221, 218, 218);
3082
3083
  }
3083
3084
  }
3085
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3086
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3087
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3088
+ border-color: $ddl-box-border-color;
3089
+ }
3090
+
3091
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3092
+ -webkit-box-shadow: none;
3093
+ box-shadow: none;
3094
+ }
3095
+
3096
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3097
+ box-shadow: none;
3098
+ }
3099
+ }
3084
3100
  }
3085
3101
 
3086
3102
 
@@ -76213,7 +76229,7 @@ $de-prop-btn-icon-clr: #ccc;
76213
76229
  margin-right: 0;
76214
76230
  }
76215
76231
  }
76216
- .e-colorpicker-wrapper,
76232
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76217
76233
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76218
76234
  .e-split-btn-wrapper.e-de-btn-hghlclr
76219
76235
  {
@@ -79292,7 +79308,7 @@ $de-prop-btn-icon-clr: #ccc;
79292
79308
  @if $skin-name =='tailwind3' {
79293
79309
  .e-bigger
79294
79310
  {
79295
- .e-colorpicker-wrapper,
79311
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79296
79312
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79297
79313
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79298
79314
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90087,6 +90103,11 @@ $grid-checkmark-color: $grey !default;
90087
90103
  }
90088
90104
  }
90089
90105
  }
90106
+ & .e-gridcontent tr.e-verticalwrap td::before {
90107
+ @if $grid-skin == 'fluent' {
90108
+ bottom: auto;
90109
+ }
90110
+ }
90090
90111
  }
90091
90112
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90092
90113
  .e-reorderuparrow {
@@ -2439,6 +2439,7 @@ $ddl-icon-color: rgba($black, .5) !default;
2439
2439
  $ddl-icon-hover-color: rgba($black, .4) !default;
2440
2440
  $ddl-readonly-bg-color: $gray-200 !default;
2441
2441
  $ddl-filter-margin: 0 !default;
2442
+ $ddl-box-border-color: $gray-400 !default;
2442
2443
 
2443
2444
  // small size
2444
2445
  $ddl-small-list-font-size: 13px !default;
@@ -2801,6 +2802,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2801
2802
  color: rgb(221, 218, 218);
2802
2803
  }
2803
2804
  }
2805
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2806
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2807
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2808
+ border-color: $ddl-box-border-color;
2809
+ }
2810
+
2811
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2812
+ -webkit-box-shadow: none;
2813
+ box-shadow: none;
2814
+ }
2815
+
2816
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2817
+ box-shadow: none;
2818
+ }
2819
+ }
2804
2820
  }
2805
2821
 
2806
2822
 
@@ -55878,7 +55894,7 @@ $de-hlt-clr-height-bigger: 25px;
55878
55894
  margin-right: 0;
55879
55895
  }
55880
55896
  }
55881
- .e-colorpicker-wrapper,
55897
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
55882
55898
  .e-split-btn-wrapper.e-de-prop-splitbutton,
55883
55899
  .e-split-btn-wrapper.e-de-btn-hghlclr
55884
55900
  {
@@ -2561,6 +2561,7 @@ $ddl-icon-color: rgba($black, .5) !default;
2561
2561
  $ddl-icon-hover-color: rgba($black, .4) !default;
2562
2562
  $ddl-readonly-bg-color: $gray-200 !default;
2563
2563
  $ddl-filter-margin: 0 !default;
2564
+ $ddl-box-border-color: $gray-400 !default;
2564
2565
 
2565
2566
  // small size
2566
2567
  $ddl-small-list-font-size: 13px !default;
@@ -2923,6 +2924,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2923
2924
  color: rgb(221, 218, 218);
2924
2925
  }
2925
2926
  }
2927
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2928
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2929
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2930
+ border-color: $ddl-box-border-color;
2931
+ }
2932
+
2933
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2934
+ -webkit-box-shadow: none;
2935
+ box-shadow: none;
2936
+ }
2937
+
2938
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2939
+ box-shadow: none;
2940
+ }
2941
+ }
2926
2942
  }
2927
2943
 
2928
2944
 
@@ -76337,7 +76353,7 @@ $de-hlt-clr-height-bigger: 25px;
76337
76353
  margin-right: 0;
76338
76354
  }
76339
76355
  }
76340
- .e-colorpicker-wrapper,
76356
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76341
76357
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76342
76358
  .e-split-btn-wrapper.e-de-btn-hghlclr
76343
76359
  {
@@ -79416,7 +79432,7 @@ $de-hlt-clr-height-bigger: 25px;
79416
79432
  @if $skin-name =='tailwind3' {
79417
79433
  .e-bigger
79418
79434
  {
79419
- .e-colorpicker-wrapper,
79435
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79420
79436
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79421
79437
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79422
79438
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90196,6 +90212,11 @@ $grid-checkmark-color: $white !default;
90196
90212
  }
90197
90213
  }
90198
90214
  }
90215
+ & .e-gridcontent tr.e-verticalwrap td::before {
90216
+ @if $grid-skin == 'fluent' {
90217
+ bottom: auto;
90218
+ }
90219
+ }
90199
90220
  }
90200
90221
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90201
90222
  .e-reorderuparrow {
@@ -2599,6 +2599,7 @@ $ddl-back-icon-padding: 0 8px !default;
2599
2599
  $ddl-popup-shadow: $shadow-lg !default;
2600
2600
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2601
2601
  $ddl-filter-margin: 0 !default;
2602
+ $ddl-box-border-color: $border !default;
2602
2603
 
2603
2604
  // Small Size
2604
2605
  $ddl-small-list-font-size: $text-xs !default;
@@ -2983,6 +2984,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2983
2984
  color: rgb(221, 218, 218);
2984
2985
  }
2985
2986
  }
2987
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2988
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2989
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2990
+ border-color: $ddl-box-border-color;
2991
+ }
2992
+
2993
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2994
+ -webkit-box-shadow: none;
2995
+ box-shadow: none;
2996
+ }
2997
+
2998
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2999
+ box-shadow: none;
3000
+ }
3001
+ }
2986
3002
  }
2987
3003
 
2988
3004
 
@@ -56201,7 +56217,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56201
56217
  margin-right: 0;
56202
56218
  }
56203
56219
  }
56204
- .e-colorpicker-wrapper,
56220
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56205
56221
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56206
56222
  .e-split-btn-wrapper.e-de-btn-hghlclr
56207
56223
  {
@@ -2721,6 +2721,7 @@ $ddl-back-icon-padding: 0 8px !default;
2721
2721
  $ddl-popup-shadow: $shadow-lg !default;
2722
2722
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2723
2723
  $ddl-filter-margin: 0 !default;
2724
+ $ddl-box-border-color: $border !default;
2724
2725
 
2725
2726
  // Small Size
2726
2727
  $ddl-small-list-font-size: $text-xs !default;
@@ -3105,6 +3106,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3105
3106
  color: rgb(221, 218, 218);
3106
3107
  }
3107
3108
  }
3109
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3110
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3111
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3112
+ border-color: $ddl-box-border-color;
3113
+ }
3114
+
3115
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3116
+ -webkit-box-shadow: none;
3117
+ box-shadow: none;
3118
+ }
3119
+
3120
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3121
+ box-shadow: none;
3122
+ }
3123
+ }
3108
3124
  }
3109
3125
 
3110
3126
 
@@ -76660,7 +76676,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76660
76676
  margin-right: 0;
76661
76677
  }
76662
76678
  }
76663
- .e-colorpicker-wrapper,
76679
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76664
76680
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76665
76681
  .e-split-btn-wrapper.e-de-btn-hghlclr
76666
76682
  {
@@ -79768,7 +79784,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79768
79784
  @if $skin-name =='tailwind3' {
79769
79785
  .e-bigger
79770
79786
  {
79771
- .e-colorpicker-wrapper,
79787
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79772
79788
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79773
79789
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79774
79790
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90566,6 +90582,11 @@ $grid-checkmark-color: $primary-text-color !default;
90566
90582
  }
90567
90583
  }
90568
90584
  }
90585
+ & .e-gridcontent tr.e-verticalwrap td::before {
90586
+ @if $grid-skin == 'fluent' {
90587
+ bottom: auto;
90588
+ }
90589
+ }
90569
90590
  }
90570
90591
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90571
90592
  .e-reorderuparrow {
@@ -2598,6 +2598,7 @@ $ddl-back-icon-padding: 0 8px !default;
2598
2598
  $ddl-popup-shadow: $shadow-lg !default;
2599
2599
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2600
2600
  $ddl-filter-margin: 0 !default;
2601
+ $ddl-box-border-color: $border !default;
2601
2602
 
2602
2603
  // Small Size
2603
2604
  $ddl-small-list-font-size: $text-xs !default;
@@ -2982,6 +2983,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
2982
2983
  color: rgb(221, 218, 218);
2983
2984
  }
2984
2985
  }
2986
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2987
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2988
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2989
+ border-color: $ddl-box-border-color;
2990
+ }
2991
+
2992
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2993
+ -webkit-box-shadow: none;
2994
+ box-shadow: none;
2995
+ }
2996
+
2997
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2998
+ box-shadow: none;
2999
+ }
3000
+ }
2985
3001
  }
2986
3002
 
2987
3003
 
@@ -56200,7 +56216,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56200
56216
  margin-right: 0;
56201
56217
  }
56202
56218
  }
56203
- .e-colorpicker-wrapper,
56219
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56204
56220
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56205
56221
  .e-split-btn-wrapper.e-de-btn-hghlclr
56206
56222
  {
@@ -3350,6 +3350,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3350
3350
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3351
3351
  $ddl-filter-margin: 0 !default;
3352
3352
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3353
+ $ddl-box-border-color: $border !default;
3353
3354
 
3354
3355
  // Small Size
3355
3356
  $ddl-small-list-font-size: $text-xs !default;
@@ -3734,6 +3735,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3734
3735
  color: rgb(221, 218, 218);
3735
3736
  }
3736
3737
  }
3738
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3739
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3740
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3741
+ border-color: $ddl-box-border-color;
3742
+ }
3743
+
3744
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3745
+ -webkit-box-shadow: none;
3746
+ box-shadow: none;
3747
+ }
3748
+
3749
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3750
+ box-shadow: none;
3751
+ }
3752
+ }
3737
3753
  }
3738
3754
 
3739
3755
 
@@ -56987,7 +57003,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56987
57003
  margin-right: 0;
56988
57004
  }
56989
57005
  }
56990
- .e-colorpicker-wrapper,
57006
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56991
57007
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56992
57008
  .e-split-btn-wrapper.e-de-btn-hghlclr
56993
57009
  {
@@ -3472,6 +3472,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3472
3472
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3473
3473
  $ddl-filter-margin: 0 !default;
3474
3474
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3475
+ $ddl-box-border-color: $border !default;
3475
3476
 
3476
3477
  // Small Size
3477
3478
  $ddl-small-list-font-size: $text-xs !default;
@@ -3856,6 +3857,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3856
3857
  color: rgb(221, 218, 218);
3857
3858
  }
3858
3859
  }
3860
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3861
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3862
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3863
+ border-color: $ddl-box-border-color;
3864
+ }
3865
+
3866
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3867
+ -webkit-box-shadow: none;
3868
+ box-shadow: none;
3869
+ }
3870
+
3871
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3872
+ box-shadow: none;
3873
+ }
3874
+ }
3859
3875
  }
3860
3876
 
3861
3877
 
@@ -77446,7 +77462,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
77446
77462
  margin-right: 0;
77447
77463
  }
77448
77464
  }
77449
- .e-colorpicker-wrapper,
77465
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
77450
77466
  .e-split-btn-wrapper.e-de-prop-splitbutton,
77451
77467
  .e-split-btn-wrapper.e-de-btn-hghlclr
77452
77468
  {
@@ -80554,7 +80570,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
80554
80570
  @if $skin-name =='tailwind3' {
80555
80571
  .e-bigger
80556
80572
  {
80557
- .e-colorpicker-wrapper,
80573
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
80558
80574
  .e-split-btn-wrapper.e-de-prop-splitbutton,
80559
80575
  .e-split-btn-wrapper.e-de-btn-hghlclr,
80560
80576
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -91352,6 +91368,11 @@ $grid-checkmark-color: $primary-text-color !default;
91352
91368
  }
91353
91369
  }
91354
91370
  }
91371
+ & .e-gridcontent tr.e-verticalwrap td::before {
91372
+ @if $grid-skin == 'fluent' {
91373
+ bottom: auto;
91374
+ }
91375
+ }
91355
91376
  }
91356
91377
  .e-grid.sf-grid .e-gridheader .e-headercontent {
91357
91378
  .e-reorderuparrow {
@@ -3697,6 +3697,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3697
3697
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3698
3698
  $ddl-filter-margin: 0 !default;
3699
3699
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3700
+ $ddl-box-border-color: $border !default;
3700
3701
 
3701
3702
  // Small Size
3702
3703
  $ddl-small-list-font-size: $text-xs !default;
@@ -4081,6 +4082,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4081
4082
  color: rgb(221, 218, 218);
4082
4083
  }
4083
4084
  }
4085
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4086
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4087
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4088
+ border-color: $ddl-box-border-color;
4089
+ }
4090
+
4091
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4092
+ -webkit-box-shadow: none;
4093
+ box-shadow: none;
4094
+ }
4095
+
4096
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4097
+ box-shadow: none;
4098
+ }
4099
+ }
4084
4100
  }
4085
4101
 
4086
4102
 
@@ -57334,7 +57350,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
57334
57350
  margin-right: 0;
57335
57351
  }
57336
57352
  }
57337
- .e-colorpicker-wrapper,
57353
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
57338
57354
  .e-split-btn-wrapper.e-de-prop-splitbutton,
57339
57355
  .e-split-btn-wrapper.e-de-btn-hghlclr
57340
57356
  {
@@ -3819,6 +3819,7 @@ $ddl-popup-shadow: $shadow-lg !default;
3819
3819
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
3820
3820
  $ddl-filter-margin: 0 !default;
3821
3821
  $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3822
+ $ddl-box-border-color: $border !default;
3822
3823
 
3823
3824
  // Small Size
3824
3825
  $ddl-small-list-font-size: $text-xs !default;
@@ -4203,6 +4204,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
4203
4204
  color: rgb(221, 218, 218);
4204
4205
  }
4205
4206
  }
4207
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4208
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4209
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4210
+ border-color: $ddl-box-border-color;
4211
+ }
4212
+
4213
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4214
+ -webkit-box-shadow: none;
4215
+ box-shadow: none;
4216
+ }
4217
+
4218
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4219
+ box-shadow: none;
4220
+ }
4221
+ }
4206
4222
  }
4207
4223
 
4208
4224
 
@@ -77793,7 +77809,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
77793
77809
  margin-right: 0;
77794
77810
  }
77795
77811
  }
77796
- .e-colorpicker-wrapper,
77812
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
77797
77813
  .e-split-btn-wrapper.e-de-prop-splitbutton,
77798
77814
  .e-split-btn-wrapper.e-de-btn-hghlclr
77799
77815
  {
@@ -80901,7 +80917,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
80901
80917
  @if $skin-name =='tailwind3' {
80902
80918
  .e-bigger
80903
80919
  {
80904
- .e-colorpicker-wrapper,
80920
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
80905
80921
  .e-split-btn-wrapper.e-de-prop-splitbutton,
80906
80922
  .e-split-btn-wrapper.e-de-btn-hghlclr,
80907
80923
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -91699,6 +91715,11 @@ $grid-checkmark-color: $primary-text-color !default;
91699
91715
  }
91700
91716
  }
91701
91717
  }
91718
+ & .e-gridcontent tr.e-verticalwrap td::before {
91719
+ @if $grid-skin == 'fluent' {
91720
+ bottom: auto;
91721
+ }
91722
+ }
91702
91723
  }
91703
91724
  .e-grid.sf-grid .e-gridheader .e-headercontent {
91704
91725
  .e-reorderuparrow {
@@ -2720,6 +2720,7 @@ $ddl-back-icon-padding: 0 8px !default;
2720
2720
  $ddl-popup-shadow: $shadow-lg !default;
2721
2721
  $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
2722
2722
  $ddl-filter-margin: 0 !default;
2723
+ $ddl-box-border-color: $border !default;
2723
2724
 
2724
2725
  // Small Size
2725
2726
  $ddl-small-list-font-size: $text-xs !default;
@@ -3104,6 +3105,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
3104
3105
  color: rgb(221, 218, 218);
3105
3106
  }
3106
3107
  }
3108
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3109
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3110
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3111
+ border-color: $ddl-box-border-color;
3112
+ }
3113
+
3114
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3115
+ -webkit-box-shadow: none;
3116
+ box-shadow: none;
3117
+ }
3118
+
3119
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3120
+ box-shadow: none;
3121
+ }
3122
+ }
3107
3123
  }
3108
3124
 
3109
3125
 
@@ -76659,7 +76675,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76659
76675
  margin-right: 0;
76660
76676
  }
76661
76677
  }
76662
- .e-colorpicker-wrapper,
76678
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76663
76679
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76664
76680
  .e-split-btn-wrapper.e-de-btn-hghlclr
76665
76681
  {
@@ -79767,7 +79783,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79767
79783
  @if $skin-name =='tailwind3' {
79768
79784
  .e-bigger
79769
79785
  {
79770
- .e-colorpicker-wrapper,
79786
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79771
79787
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79772
79788
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79773
79789
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90565,6 +90581,11 @@ $grid-checkmark-color: $primary-text-color !default;
90565
90581
  }
90566
90582
  }
90567
90583
  }
90584
+ & .e-gridcontent tr.e-verticalwrap td::before {
90585
+ @if $grid-skin == 'fluent' {
90586
+ bottom: auto;
90587
+ }
90588
+ }
90568
90589
  }
90569
90590
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90570
90591
  .e-reorderuparrow {
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
3797
3797
  @if $skin-name =='tailwind3' {
3798
3798
  .e-bigger
3799
3799
  {
3800
- .e-colorpicker-wrapper,
3800
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3801
3801
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3802
3802
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3803
3803
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
690
690
  margin-right: 0;
691
691
  }
692
692
  }
693
- .e-colorpicker-wrapper,
693
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
694
694
  .e-split-btn-wrapper.e-de-prop-splitbutton,
695
695
  .e-split-btn-wrapper.e-de-btn-hghlclr
696
696
  {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
3797
3797
  @if $skin-name =='tailwind3' {
3798
3798
  .e-bigger
3799
3799
  {
3800
- .e-colorpicker-wrapper,
3800
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3801
3801
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3802
3802
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3803
3803
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
3753
3753
  @if $skin-name =='tailwind3' {
3754
3754
  .e-bigger
3755
3755
  {
3756
- .e-colorpicker-wrapper,
3756
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3757
3757
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3758
3758
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3759
3759
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -674,7 +674,7 @@ $de-prop-btn-icon-clr: #ccc;
674
674
  margin-right: 0;
675
675
  }
676
676
  }
677
- .e-colorpicker-wrapper,
677
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
678
678
  .e-split-btn-wrapper.e-de-prop-splitbutton,
679
679
  .e-split-btn-wrapper.e-de-btn-hghlclr
680
680
  {
@@ -3753,7 +3753,7 @@ $de-prop-btn-icon-clr: #ccc;
3753
3753
  @if $skin-name =='tailwind3' {
3754
3754
  .e-bigger
3755
3755
  {
3756
- .e-colorpicker-wrapper,
3756
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
3757
3757
  .e-split-btn-wrapper.e-de-prop-splitbutton,
3758
3758
  .e-split-btn-wrapper.e-de-btn-hghlclr,
3759
3759
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -692,7 +692,7 @@ $de-hlt-clr-height-bigger: 25px;
692
692
  margin-right: 0;
693
693
  }
694
694
  }
695
- .e-colorpicker-wrapper,
695
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
696
696
  .e-split-btn-wrapper.e-de-prop-splitbutton,
697
697
  .e-split-btn-wrapper.e-de-btn-hghlclr
698
698
  {