@syncfusion/blazor-themes 26.1.42 → 26.2.4

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 (268) hide show
  1. package/SCSS-Themes/base/fluent2-dark.scss +2 -2
  2. package/SCSS-Themes/base/fluent2-highcontrast.scss +12 -12
  3. package/SCSS-Themes/base/fluent2.scss +15 -13
  4. package/SCSS-Themes/bds-dark.scss +204 -61
  5. package/SCSS-Themes/bds.scss +204 -61
  6. package/SCSS-Themes/bootstrap-dark.scss +204 -61
  7. package/SCSS-Themes/bootstrap.scss +210 -67
  8. package/SCSS-Themes/bootstrap4.scss +210 -67
  9. package/SCSS-Themes/bootstrap5-dark.scss +212 -69
  10. package/SCSS-Themes/bootstrap5.scss +212 -69
  11. package/SCSS-Themes/buttons/button/bds-dark.scss +2 -2
  12. package/SCSS-Themes/buttons/button/bds.scss +2 -2
  13. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +2 -2
  14. package/SCSS-Themes/buttons/button/bootstrap.scss +2 -2
  15. package/SCSS-Themes/buttons/button/bootstrap4.scss +2 -2
  16. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +2 -2
  17. package/SCSS-Themes/buttons/button/bootstrap5.scss +2 -2
  18. package/SCSS-Themes/buttons/button/fabric-dark.scss +2 -2
  19. package/SCSS-Themes/buttons/button/fabric.scss +2 -2
  20. package/SCSS-Themes/buttons/button/fluent-dark.scss +2 -2
  21. package/SCSS-Themes/buttons/button/fluent.scss +2 -2
  22. package/SCSS-Themes/buttons/button/fluent2-dark.scss +2 -2
  23. package/SCSS-Themes/buttons/button/fluent2.scss +2 -2
  24. package/SCSS-Themes/buttons/button/highcontrast.scss +2 -2
  25. package/SCSS-Themes/buttons/button/material-dark.scss +2 -2
  26. package/SCSS-Themes/buttons/button/material.scss +2 -2
  27. package/SCSS-Themes/buttons/button/material3-dark.scss +2 -2
  28. package/SCSS-Themes/buttons/button/material3.scss +2 -2
  29. package/SCSS-Themes/buttons/button/tailwind-dark.scss +2 -2
  30. package/SCSS-Themes/buttons/button/tailwind.scss +2 -2
  31. package/SCSS-Themes/buttons/speed-dial/bds-dark.scss +1 -0
  32. package/SCSS-Themes/buttons/speed-dial/bds.scss +1 -0
  33. package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss +1 -0
  34. package/SCSS-Themes/buttons/speed-dial/bootstrap.scss +1 -0
  35. package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss +1 -0
  36. package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss +1 -0
  37. package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss +1 -0
  38. package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss +1 -0
  39. package/SCSS-Themes/buttons/speed-dial/fabric.scss +1 -0
  40. package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss +1 -0
  41. package/SCSS-Themes/buttons/speed-dial/fluent.scss +1 -0
  42. package/SCSS-Themes/buttons/speed-dial/fluent2-dark.scss +1 -0
  43. package/SCSS-Themes/buttons/speed-dial/fluent2.scss +1 -0
  44. package/SCSS-Themes/buttons/speed-dial/highcontrast.scss +1 -0
  45. package/SCSS-Themes/buttons/speed-dial/material-dark.scss +1 -0
  46. package/SCSS-Themes/buttons/speed-dial/material.scss +1 -0
  47. package/SCSS-Themes/buttons/speed-dial/material3-dark.scss +1 -0
  48. package/SCSS-Themes/buttons/speed-dial/material3.scss +1 -0
  49. package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss +1 -0
  50. package/SCSS-Themes/buttons/speed-dial/tailwind.scss +1 -0
  51. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +17 -13
  52. package/SCSS-Themes/dropdowns/list-box/bds.scss +17 -13
  53. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +17 -13
  54. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +17 -13
  55. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +17 -13
  56. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +17 -13
  57. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +17 -13
  58. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +17 -13
  59. package/SCSS-Themes/dropdowns/list-box/fabric.scss +17 -13
  60. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +17 -13
  61. package/SCSS-Themes/dropdowns/list-box/fluent.scss +17 -13
  62. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +17 -13
  63. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +17 -13
  64. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +17 -13
  65. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +17 -13
  66. package/SCSS-Themes/dropdowns/list-box/material.scss +17 -13
  67. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +17 -13
  68. package/SCSS-Themes/dropdowns/list-box/material3.scss +17 -13
  69. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +17 -13
  70. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +17 -13
  71. package/SCSS-Themes/dropdowns/multi-select/material.scss +1 -1
  72. package/SCSS-Themes/fabric-dark.scss +204 -61
  73. package/SCSS-Themes/fabric.scss +207 -64
  74. package/SCSS-Themes/fluent-dark.scss +210 -67
  75. package/SCSS-Themes/fluent.scss +210 -67
  76. package/SCSS-Themes/fluent2-dark.scss +220 -77
  77. package/SCSS-Themes/fluent2-highcontrast.scss +12 -12
  78. package/SCSS-Themes/fluent2.scss +233 -88
  79. package/SCSS-Themes/grids/grid/bds-dark.scss +15 -10
  80. package/SCSS-Themes/grids/grid/bds.scss +15 -10
  81. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +15 -10
  82. package/SCSS-Themes/grids/grid/bootstrap.scss +21 -16
  83. package/SCSS-Themes/grids/grid/bootstrap4.scss +21 -16
  84. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +23 -18
  85. package/SCSS-Themes/grids/grid/bootstrap5.scss +23 -18
  86. package/SCSS-Themes/grids/grid/fabric-dark.scss +15 -10
  87. package/SCSS-Themes/grids/grid/fabric.scss +18 -13
  88. package/SCSS-Themes/grids/grid/fluent-dark.scss +21 -16
  89. package/SCSS-Themes/grids/grid/fluent.scss +21 -16
  90. package/SCSS-Themes/grids/grid/fluent2-dark.scss +27 -22
  91. package/SCSS-Themes/grids/grid/fluent2.scss +27 -22
  92. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -17
  93. package/SCSS-Themes/grids/grid/material-dark.scss +15 -10
  94. package/SCSS-Themes/grids/grid/material.scss +16 -11
  95. package/SCSS-Themes/grids/grid/material3-dark.scss +20 -15
  96. package/SCSS-Themes/grids/grid/material3.scss +20 -15
  97. package/SCSS-Themes/grids/grid/tailwind-dark.scss +24 -19
  98. package/SCSS-Themes/grids/grid/tailwind.scss +24 -19
  99. package/SCSS-Themes/highcontrast.scss +211 -68
  100. package/SCSS-Themes/image-editor/image-editor/bds-dark.scss +50 -1
  101. package/SCSS-Themes/image-editor/image-editor/bds.scss +50 -1
  102. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +50 -1
  103. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +50 -1
  104. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +50 -1
  105. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +50 -1
  106. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +50 -1
  107. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +50 -1
  108. package/SCSS-Themes/image-editor/image-editor/fabric.scss +50 -1
  109. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +50 -1
  110. package/SCSS-Themes/image-editor/image-editor/fluent.scss +50 -1
  111. package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss +50 -1
  112. package/SCSS-Themes/image-editor/image-editor/fluent2.scss +50 -1
  113. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +50 -1
  114. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +50 -1
  115. package/SCSS-Themes/image-editor/image-editor/material.scss +50 -1
  116. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +50 -1
  117. package/SCSS-Themes/image-editor/image-editor/material3.scss +50 -1
  118. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +50 -1
  119. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +50 -1
  120. package/SCSS-Themes/inputs/input/bds-dark.scss +45 -21
  121. package/SCSS-Themes/inputs/input/bds.scss +45 -21
  122. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +45 -21
  123. package/SCSS-Themes/inputs/input/bootstrap.scss +45 -21
  124. package/SCSS-Themes/inputs/input/bootstrap4.scss +45 -21
  125. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +45 -21
  126. package/SCSS-Themes/inputs/input/bootstrap5.scss +45 -21
  127. package/SCSS-Themes/inputs/input/fabric-dark.scss +45 -21
  128. package/SCSS-Themes/inputs/input/fabric.scss +45 -21
  129. package/SCSS-Themes/inputs/input/fluent-dark.scss +45 -21
  130. package/SCSS-Themes/inputs/input/fluent.scss +45 -21
  131. package/SCSS-Themes/inputs/input/fluent2-dark.scss +45 -21
  132. package/SCSS-Themes/inputs/input/fluent2.scss +45 -21
  133. package/SCSS-Themes/inputs/input/highcontrast.scss +45 -21
  134. package/SCSS-Themes/inputs/input/material-dark.scss +45 -21
  135. package/SCSS-Themes/inputs/input/material.scss +45 -21
  136. package/SCSS-Themes/inputs/input/material3-dark.scss +45 -21
  137. package/SCSS-Themes/inputs/input/material3.scss +45 -21
  138. package/SCSS-Themes/inputs/input/tailwind-dark.scss +45 -21
  139. package/SCSS-Themes/inputs/input/tailwind.scss +45 -21
  140. package/SCSS-Themes/inputs/otp-input/bds-dark.scss +1 -1
  141. package/SCSS-Themes/inputs/otp-input/bds.scss +1 -1
  142. package/SCSS-Themes/inputs/otp-input/bootstrap-dark.scss +1 -1
  143. package/SCSS-Themes/inputs/otp-input/bootstrap.scss +1 -1
  144. package/SCSS-Themes/inputs/otp-input/bootstrap4.scss +1 -1
  145. package/SCSS-Themes/inputs/otp-input/bootstrap5-dark.scss +1 -1
  146. package/SCSS-Themes/inputs/otp-input/bootstrap5.scss +1 -1
  147. package/SCSS-Themes/inputs/otp-input/fabric-dark.scss +1 -1
  148. package/SCSS-Themes/inputs/otp-input/fabric.scss +1 -1
  149. package/SCSS-Themes/inputs/otp-input/fluent-dark.scss +1 -1
  150. package/SCSS-Themes/inputs/otp-input/fluent.scss +1 -1
  151. package/SCSS-Themes/inputs/otp-input/fluent2-dark.scss +1 -1
  152. package/SCSS-Themes/inputs/otp-input/fluent2.scss +1 -1
  153. package/SCSS-Themes/inputs/otp-input/highcontrast.scss +1 -1
  154. package/SCSS-Themes/inputs/otp-input/material-dark.scss +1 -1
  155. package/SCSS-Themes/inputs/otp-input/material.scss +1 -1
  156. package/SCSS-Themes/inputs/otp-input/material3-dark.scss +1 -1
  157. package/SCSS-Themes/inputs/otp-input/material3.scss +1 -1
  158. package/SCSS-Themes/inputs/otp-input/tailwind-dark.scss +1 -1
  159. package/SCSS-Themes/inputs/otp-input/tailwind.scss +1 -1
  160. package/SCSS-Themes/material-dark.scss +204 -61
  161. package/SCSS-Themes/material.scss +206 -63
  162. package/SCSS-Themes/material3-dark.scss +209 -66
  163. package/SCSS-Themes/material3.scss +209 -66
  164. package/SCSS-Themes/navigations/breadcrumb/bds-dark.scss +4 -2
  165. package/SCSS-Themes/navigations/breadcrumb/bds.scss +4 -2
  166. package/SCSS-Themes/navigations/breadcrumb/bootstrap-dark.scss +4 -2
  167. package/SCSS-Themes/navigations/breadcrumb/bootstrap.scss +4 -2
  168. package/SCSS-Themes/navigations/breadcrumb/bootstrap4.scss +4 -2
  169. package/SCSS-Themes/navigations/breadcrumb/bootstrap5-dark.scss +4 -2
  170. package/SCSS-Themes/navigations/breadcrumb/bootstrap5.scss +4 -2
  171. package/SCSS-Themes/navigations/breadcrumb/fabric-dark.scss +4 -2
  172. package/SCSS-Themes/navigations/breadcrumb/fabric.scss +4 -2
  173. package/SCSS-Themes/navigations/breadcrumb/fluent-dark.scss +4 -2
  174. package/SCSS-Themes/navigations/breadcrumb/fluent.scss +4 -2
  175. package/SCSS-Themes/navigations/breadcrumb/fluent2-dark.scss +4 -2
  176. package/SCSS-Themes/navigations/breadcrumb/fluent2.scss +4 -2
  177. package/SCSS-Themes/navigations/breadcrumb/highcontrast.scss +4 -2
  178. package/SCSS-Themes/navigations/breadcrumb/material-dark.scss +4 -2
  179. package/SCSS-Themes/navigations/breadcrumb/material.scss +4 -2
  180. package/SCSS-Themes/navigations/breadcrumb/material3-dark.scss +4 -2
  181. package/SCSS-Themes/navigations/breadcrumb/material3.scss +4 -2
  182. package/SCSS-Themes/navigations/breadcrumb/tailwind-dark.scss +4 -2
  183. package/SCSS-Themes/navigations/breadcrumb/tailwind.scss +4 -2
  184. package/SCSS-Themes/notifications/message/fluent2-dark.scss +2 -2
  185. package/SCSS-Themes/notifications/message/fluent2.scss +2 -2
  186. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +56 -10
  187. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +56 -10
  188. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +56 -10
  189. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +56 -10
  190. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +56 -10
  191. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +56 -10
  192. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +56 -10
  193. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +56 -10
  194. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +56 -10
  195. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +56 -10
  196. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +56 -10
  197. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +56 -10
  198. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +56 -10
  199. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +56 -10
  200. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +56 -10
  201. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +56 -10
  202. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +56 -10
  203. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +56 -10
  204. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +56 -10
  205. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +56 -10
  206. package/SCSS-Themes/popups/dialog/bds-dark.scss +6 -0
  207. package/SCSS-Themes/popups/dialog/bds.scss +6 -0
  208. package/SCSS-Themes/popups/dialog/bootstrap-dark.scss +6 -0
  209. package/SCSS-Themes/popups/dialog/bootstrap.scss +6 -0
  210. package/SCSS-Themes/popups/dialog/bootstrap4.scss +6 -0
  211. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +6 -0
  212. package/SCSS-Themes/popups/dialog/bootstrap5.scss +6 -0
  213. package/SCSS-Themes/popups/dialog/fabric-dark.scss +6 -0
  214. package/SCSS-Themes/popups/dialog/fabric.scss +6 -0
  215. package/SCSS-Themes/popups/dialog/fluent-dark.scss +6 -0
  216. package/SCSS-Themes/popups/dialog/fluent.scss +6 -0
  217. package/SCSS-Themes/popups/dialog/fluent2-dark.scss +6 -0
  218. package/SCSS-Themes/popups/dialog/fluent2.scss +6 -0
  219. package/SCSS-Themes/popups/dialog/highcontrast.scss +6 -0
  220. package/SCSS-Themes/popups/dialog/material-dark.scss +6 -0
  221. package/SCSS-Themes/popups/dialog/material.scss +6 -0
  222. package/SCSS-Themes/popups/dialog/material3-dark.scss +6 -0
  223. package/SCSS-Themes/popups/dialog/material3.scss +6 -0
  224. package/SCSS-Themes/popups/dialog/tailwind-dark.scss +6 -0
  225. package/SCSS-Themes/popups/dialog/tailwind.scss +6 -0
  226. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +1 -1
  227. package/SCSS-Themes/querybuilder/query-builder/bds.scss +1 -1
  228. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +1 -1
  229. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +1 -1
  230. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +1 -1
  231. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +1 -1
  232. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +1 -1
  233. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +1 -1
  234. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +1 -1
  235. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +1 -1
  236. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +1 -1
  237. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss +1 -1
  238. package/SCSS-Themes/querybuilder/query-builder/fluent2.scss +1 -1
  239. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +1 -1
  240. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +1 -1
  241. package/SCSS-Themes/querybuilder/query-builder/material.scss +1 -1
  242. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +1 -1
  243. package/SCSS-Themes/querybuilder/query-builder/material3.scss +1 -1
  244. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +1 -1
  245. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +1 -1
  246. package/SCSS-Themes/splitbuttons/drop-down-button/bds-dark.scss +6 -0
  247. package/SCSS-Themes/splitbuttons/drop-down-button/bds.scss +6 -0
  248. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +6 -0
  249. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +6 -0
  250. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +6 -0
  251. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +6 -0
  252. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +6 -0
  253. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +6 -0
  254. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +6 -0
  255. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +6 -0
  256. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +6 -0
  257. package/SCSS-Themes/splitbuttons/drop-down-button/fluent2-dark.scss +6 -0
  258. package/SCSS-Themes/splitbuttons/drop-down-button/fluent2.scss +6 -0
  259. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +6 -0
  260. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +6 -0
  261. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +6 -0
  262. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +6 -0
  263. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +6 -0
  264. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +6 -0
  265. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +6 -0
  266. package/SCSS-Themes/tailwind-dark.scss +213 -70
  267. package/SCSS-Themes/tailwind.scss +213 -70
  268. package/package.json +1 -1
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -182,19 +182,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
182
182
  text-align: center;
183
183
  }
184
184
 
185
- &:not(.e-list-template) .e-list-item,
186
- .e-list-nrt,
187
- .e-selectall-parent {
188
- height: $listbox-item-height;
189
- line-height: $listbox-item-line-height;
190
- padding: $listbox-item-padding;
191
- position: relative;
192
- @if $skin-name == 'fluent2' {
193
- font-size: 14px;
194
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
195
- }
196
- }
197
-
198
185
  .e-list-parent {
199
186
  height: 100%;
200
187
  min-height: $listbox-item-height;
@@ -696,6 +683,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
696
683
  }
697
684
  }
698
685
 
686
+ .e-listbox-wrapper,
687
+ .e-listbox-container,
688
+ .e-listboxtool-wrapper .e-listbox-wrapper {
689
+ &:not(.e-list-template) .e-list-item,
690
+ .e-list-nrt,
691
+ .e-selectall-parent {
692
+ height: $listbox-item-height;
693
+ line-height: $listbox-item-line-height;
694
+ padding: $listbox-item-padding;
695
+ position: relative;
696
+ @if $skin-name == 'fluent2' {
697
+ font-size: 14px;
698
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
699
+ }
700
+ }
701
+ }
702
+
699
703
 
700
704
  @mixin avatar {
701
705
  height: $listbox-template-avatar-size;
@@ -178,19 +178,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
178
178
  text-align: center;
179
179
  }
180
180
 
181
- &:not(.e-list-template) .e-list-item,
182
- .e-list-nrt,
183
- .e-selectall-parent {
184
- height: $listbox-item-height;
185
- line-height: $listbox-item-line-height;
186
- padding: $listbox-item-padding;
187
- position: relative;
188
- @if $skin-name == 'fluent2' {
189
- font-size: 14px;
190
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
191
- }
192
- }
193
-
194
181
  .e-list-parent {
195
182
  height: 100%;
196
183
  min-height: $listbox-item-height;
@@ -692,6 +679,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
692
679
  }
693
680
  }
694
681
 
682
+ .e-listbox-wrapper,
683
+ .e-listbox-container,
684
+ .e-listboxtool-wrapper .e-listbox-wrapper {
685
+ &:not(.e-list-template) .e-list-item,
686
+ .e-list-nrt,
687
+ .e-selectall-parent {
688
+ height: $listbox-item-height;
689
+ line-height: $listbox-item-line-height;
690
+ padding: $listbox-item-padding;
691
+ position: relative;
692
+ @if $skin-name == 'fluent2' {
693
+ font-size: 14px;
694
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
695
+ }
696
+ }
697
+ }
698
+
695
699
 
696
700
  @mixin avatar {
697
701
  height: $listbox-template-avatar-size;
@@ -178,19 +178,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
178
178
  text-align: center;
179
179
  }
180
180
 
181
- &:not(.e-list-template) .e-list-item,
182
- .e-list-nrt,
183
- .e-selectall-parent {
184
- height: $listbox-item-height;
185
- line-height: $listbox-item-line-height;
186
- padding: $listbox-item-padding;
187
- position: relative;
188
- @if $skin-name == 'fluent2' {
189
- font-size: 14px;
190
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
191
- }
192
- }
193
-
194
181
  .e-list-parent {
195
182
  height: 100%;
196
183
  min-height: $listbox-item-height;
@@ -692,6 +679,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
692
679
  }
693
680
  }
694
681
 
682
+ .e-listbox-wrapper,
683
+ .e-listbox-container,
684
+ .e-listboxtool-wrapper .e-listbox-wrapper {
685
+ &:not(.e-list-template) .e-list-item,
686
+ .e-list-nrt,
687
+ .e-selectall-parent {
688
+ height: $listbox-item-height;
689
+ line-height: $listbox-item-line-height;
690
+ padding: $listbox-item-padding;
691
+ position: relative;
692
+ @if $skin-name == 'fluent2' {
693
+ font-size: 14px;
694
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
695
+ }
696
+ }
697
+ }
698
+
695
699
 
696
700
  @mixin avatar {
697
701
  height: $listbox-template-avatar-size;
@@ -182,19 +182,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
182
182
  text-align: center;
183
183
  }
184
184
 
185
- &:not(.e-list-template) .e-list-item,
186
- .e-list-nrt,
187
- .e-selectall-parent {
188
- height: $listbox-item-height;
189
- line-height: $listbox-item-line-height;
190
- padding: $listbox-item-padding;
191
- position: relative;
192
- @if $skin-name == 'fluent2' {
193
- font-size: 14px;
194
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
195
- }
196
- }
197
-
198
185
  .e-list-parent {
199
186
  height: 100%;
200
187
  min-height: $listbox-item-height;
@@ -696,6 +683,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
696
683
  }
697
684
  }
698
685
 
686
+ .e-listbox-wrapper,
687
+ .e-listbox-container,
688
+ .e-listboxtool-wrapper .e-listbox-wrapper {
689
+ &:not(.e-list-template) .e-list-item,
690
+ .e-list-nrt,
691
+ .e-selectall-parent {
692
+ height: $listbox-item-height;
693
+ line-height: $listbox-item-line-height;
694
+ padding: $listbox-item-padding;
695
+ position: relative;
696
+ @if $skin-name == 'fluent2' {
697
+ font-size: 14px;
698
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
699
+ }
700
+ }
701
+ }
702
+
699
703
 
700
704
  @mixin avatar {
701
705
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -178,19 +178,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
178
178
  text-align: center;
179
179
  }
180
180
 
181
- &:not(.e-list-template) .e-list-item,
182
- .e-list-nrt,
183
- .e-selectall-parent {
184
- height: $listbox-item-height;
185
- line-height: $listbox-item-line-height;
186
- padding: $listbox-item-padding;
187
- position: relative;
188
- @if $skin-name == 'fluent2' {
189
- font-size: 14px;
190
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
191
- }
192
- }
193
-
194
181
  .e-list-parent {
195
182
  height: 100%;
196
183
  min-height: $listbox-item-height;
@@ -692,6 +679,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
692
679
  }
693
680
  }
694
681
 
682
+ .e-listbox-wrapper,
683
+ .e-listbox-container,
684
+ .e-listboxtool-wrapper .e-listbox-wrapper {
685
+ &:not(.e-list-template) .e-list-item,
686
+ .e-list-nrt,
687
+ .e-selectall-parent {
688
+ height: $listbox-item-height;
689
+ line-height: $listbox-item-line-height;
690
+ padding: $listbox-item-padding;
691
+ position: relative;
692
+ @if $skin-name == 'fluent2' {
693
+ font-size: 14px;
694
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
695
+ }
696
+ }
697
+ }
698
+
695
699
 
696
700
  @mixin avatar {
697
701
  height: $listbox-template-avatar-size;
@@ -178,19 +178,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
178
178
  text-align: center;
179
179
  }
180
180
 
181
- &:not(.e-list-template) .e-list-item,
182
- .e-list-nrt,
183
- .e-selectall-parent {
184
- height: $listbox-item-height;
185
- line-height: $listbox-item-line-height;
186
- padding: $listbox-item-padding;
187
- position: relative;
188
- @if $skin-name == 'fluent2' {
189
- font-size: 14px;
190
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
191
- }
192
- }
193
-
194
181
  .e-list-parent {
195
182
  height: 100%;
196
183
  min-height: $listbox-item-height;
@@ -692,6 +679,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
692
679
  }
693
680
  }
694
681
 
682
+ .e-listbox-wrapper,
683
+ .e-listbox-container,
684
+ .e-listboxtool-wrapper .e-listbox-wrapper {
685
+ &:not(.e-list-template) .e-list-item,
686
+ .e-list-nrt,
687
+ .e-selectall-parent {
688
+ height: $listbox-item-height;
689
+ line-height: $listbox-item-line-height;
690
+ padding: $listbox-item-padding;
691
+ position: relative;
692
+ @if $skin-name == 'fluent2' {
693
+ font-size: 14px;
694
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
695
+ }
696
+ }
697
+ }
698
+
695
699
 
696
700
  @mixin avatar {
697
701
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -182,19 +182,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
182
182
  text-align: center;
183
183
  }
184
184
 
185
- &:not(.e-list-template) .e-list-item,
186
- .e-list-nrt,
187
- .e-selectall-parent {
188
- height: $listbox-item-height;
189
- line-height: $listbox-item-line-height;
190
- padding: $listbox-item-padding;
191
- position: relative;
192
- @if $skin-name == 'fluent2' {
193
- font-size: 14px;
194
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
195
- }
196
- }
197
-
198
185
  .e-list-parent {
199
186
  height: 100%;
200
187
  min-height: $listbox-item-height;
@@ -696,6 +683,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
696
683
  }
697
684
  }
698
685
 
686
+ .e-listbox-wrapper,
687
+ .e-listbox-container,
688
+ .e-listboxtool-wrapper .e-listbox-wrapper {
689
+ &:not(.e-list-template) .e-list-item,
690
+ .e-list-nrt,
691
+ .e-selectall-parent {
692
+ height: $listbox-item-height;
693
+ line-height: $listbox-item-line-height;
694
+ padding: $listbox-item-padding;
695
+ position: relative;
696
+ @if $skin-name == 'fluent2' {
697
+ font-size: 14px;
698
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
699
+ }
700
+ }
701
+ }
702
+
699
703
 
700
704
  @mixin avatar {
701
705
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;
@@ -177,19 +177,6 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
177
177
  text-align: center;
178
178
  }
179
179
 
180
- &:not(.e-list-template) .e-list-item,
181
- .e-list-nrt,
182
- .e-selectall-parent {
183
- height: $listbox-item-height;
184
- line-height: $listbox-item-line-height;
185
- padding: $listbox-item-padding;
186
- position: relative;
187
- @if $skin-name == 'fluent2' {
188
- font-size: 14px;
189
- border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
190
- }
191
- }
192
-
193
180
  .e-list-parent {
194
181
  height: 100%;
195
182
  min-height: $listbox-item-height;
@@ -691,6 +678,23 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
691
678
  }
692
679
  }
693
680
 
681
+ .e-listbox-wrapper,
682
+ .e-listbox-container,
683
+ .e-listboxtool-wrapper .e-listbox-wrapper {
684
+ &:not(.e-list-template) .e-list-item,
685
+ .e-list-nrt,
686
+ .e-selectall-parent {
687
+ height: $listbox-item-height;
688
+ line-height: $listbox-item-line-height;
689
+ padding: $listbox-item-padding;
690
+ position: relative;
691
+ @if $skin-name == 'fluent2' {
692
+ font-size: 14px;
693
+ border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+ }
696
+ }
697
+
694
698
 
695
699
  @mixin avatar {
696
700
  height: $listbox-template-avatar-size;