@syncfusion/ej2-dropdowns 29.1.41 → 29.2.4-850322

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 (761) hide show
  1. package/{README.md → ReadMe.md} +217 -217
  2. package/dist/ej2-dropdowns.umd.min.js +1 -10
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +299 -153
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +467 -319
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/license +2 -2
  9. package/package.json +81 -81
  10. package/src/auto-complete/auto-complete-model.d.ts +190 -190
  11. package/src/auto-complete/auto-complete.d.ts +13 -12
  12. package/src/auto-complete/auto-complete.js +30 -22
  13. package/src/combo-box/combo-box-model.d.ts +232 -240
  14. package/src/combo-box/combo-box.d.ts +26 -33
  15. package/src/combo-box/combo-box.js +29 -32
  16. package/src/common/virtual-scroll.js +54 -49
  17. package/src/drop-down-base/drop-down-base-model.d.ts +205 -205
  18. package/src/drop-down-base/drop-down-base.d.ts +20 -16
  19. package/src/drop-down-base/drop-down-base.js +74 -30
  20. package/src/drop-down-list/drop-down-list-model.d.ts +310 -303
  21. package/src/drop-down-list/drop-down-list.d.ts +12 -5
  22. package/src/drop-down-list/drop-down-list.js +75 -50
  23. package/src/drop-down-tree/drop-down-tree-model.d.ts +493 -493
  24. package/src/drop-down-tree/drop-down-tree.d.ts +2 -1
  25. package/src/drop-down-tree/drop-down-tree.js +30 -19
  26. package/src/list-box/list-box-model.d.ts +237 -237
  27. package/src/list-box/list-box.d.ts +2 -2
  28. package/src/list-box/list-box.js +19 -19
  29. package/src/mention/mention-model.d.ts +274 -267
  30. package/src/mention/mention.d.ts +9 -1
  31. package/src/mention/mention.js +49 -36
  32. package/src/multi-select/multi-select-model.d.ts +565 -558
  33. package/src/multi-select/multi-select.d.ts +11 -1
  34. package/src/multi-select/multi-select.js +109 -64
  35. package/styles/bds-lite.css +0 -3040
  36. package/styles/bds-lite.scss +0 -28
  37. package/styles/bds.css +0 -3890
  38. package/styles/bds.scss +0 -33
  39. package/styles/bootstrap-dark-lite.css +0 -2826
  40. package/styles/bootstrap-dark-lite.scss +0 -28
  41. package/styles/bootstrap-dark.css +0 -3520
  42. package/styles/bootstrap-dark.scss +0 -33
  43. package/styles/bootstrap-lite.css +0 -2822
  44. package/styles/bootstrap-lite.scss +0 -28
  45. package/styles/bootstrap.css +0 -3522
  46. package/styles/bootstrap.scss +0 -33
  47. package/styles/bootstrap4-lite.css +0 -2927
  48. package/styles/bootstrap4-lite.scss +0 -28
  49. package/styles/bootstrap4.css +0 -3796
  50. package/styles/bootstrap4.scss +0 -33
  51. package/styles/bootstrap5-dark-lite.css +0 -2906
  52. package/styles/bootstrap5-dark-lite.scss +0 -28
  53. package/styles/bootstrap5-dark.css +0 -3695
  54. package/styles/bootstrap5-dark.scss +0 -33
  55. package/styles/bootstrap5-lite.css +0 -2906
  56. package/styles/bootstrap5-lite.scss +0 -28
  57. package/styles/bootstrap5.3-lite.css +0 -2898
  58. package/styles/bootstrap5.3-lite.scss +0 -28
  59. package/styles/bootstrap5.3.css +0 -3644
  60. package/styles/bootstrap5.3.scss +0 -33
  61. package/styles/bootstrap5.css +0 -3695
  62. package/styles/bootstrap5.scss +0 -33
  63. package/styles/fabric-dark-lite.css +0 -2804
  64. package/styles/fabric-dark-lite.scss +0 -28
  65. package/styles/fabric-dark.css +0 -3500
  66. package/styles/fabric-dark.scss +0 -33
  67. package/styles/fabric-lite.css +0 -2800
  68. package/styles/fabric-lite.scss +0 -28
  69. package/styles/fabric.css +0 -3502
  70. package/styles/fabric.scss +0 -33
  71. package/styles/fluent-dark-lite.css +0 -2931
  72. package/styles/fluent-dark-lite.scss +0 -28
  73. package/styles/fluent-dark.css +0 -3730
  74. package/styles/fluent-dark.scss +0 -33
  75. package/styles/fluent-lite.css +0 -2931
  76. package/styles/fluent-lite.scss +0 -28
  77. package/styles/fluent.css +0 -3730
  78. package/styles/fluent.scss +0 -33
  79. package/styles/fluent2-lite.css +0 -3122
  80. package/styles/fluent2-lite.scss +0 -28
  81. package/styles/fluent2.css +0 -3915
  82. package/styles/fluent2.scss +0 -33
  83. package/styles/highcontrast-light-lite.css +0 -2903
  84. package/styles/highcontrast-light-lite.scss +0 -28
  85. package/styles/highcontrast-light.css +0 -3591
  86. package/styles/highcontrast-light.scss +0 -33
  87. package/styles/highcontrast-lite.css +0 -2949
  88. package/styles/highcontrast-lite.scss +0 -28
  89. package/styles/highcontrast.css +0 -3643
  90. package/styles/highcontrast.scss +0 -33
  91. package/styles/material-dark-lite.css +0 -3587
  92. package/styles/material-dark-lite.scss +0 -28
  93. package/styles/material-dark.css +0 -5060
  94. package/styles/material-dark.scss +0 -33
  95. package/styles/material-lite.css +0 -3618
  96. package/styles/material-lite.scss +0 -28
  97. package/styles/material.css +0 -5118
  98. package/styles/material.scss +0 -33
  99. package/styles/material3-dark-lite.css +0 -3521
  100. package/styles/material3-dark-lite.scss +0 -28
  101. package/styles/material3-dark.css +0 -5109
  102. package/styles/material3-dark.scss +0 -35
  103. package/styles/material3-lite.css +0 -3523
  104. package/styles/material3-lite.scss +0 -28
  105. package/styles/material3.css +0 -5111
  106. package/styles/material3.scss +0 -35
  107. package/styles/tailwind-dark-lite.css +0 -2877
  108. package/styles/tailwind-dark-lite.scss +0 -28
  109. package/styles/tailwind-dark.css +0 -3727
  110. package/styles/tailwind-dark.scss +0 -33
  111. package/styles/tailwind-lite.css +0 -2877
  112. package/styles/tailwind-lite.scss +0 -28
  113. package/styles/tailwind.css +0 -3727
  114. package/styles/tailwind.scss +0 -33
  115. package/styles/tailwind3-lite.css +0 -2920
  116. package/styles/tailwind3-lite.scss +0 -28
  117. package/styles/tailwind3.css +0 -3596
  118. package/styles/tailwind3.scss +0 -33
  119. package/.eslintrc.json +0 -261
  120. package/dist/ej2-dropdowns.min.js +0 -10
  121. package/dist/global/ej2-dropdowns.min.js +0 -11
  122. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  123. package/dist/global/index.d.ts +0 -14
  124. package/helpers/e2e/autocomplete.d.ts +0 -16
  125. package/helpers/e2e/autocomplete.js +0 -60
  126. package/helpers/e2e/combobox.d.ts +0 -17
  127. package/helpers/e2e/combobox.js +0 -63
  128. package/helpers/e2e/dropdownlist.d.ts +0 -20
  129. package/helpers/e2e/dropdownlist.js +0 -72
  130. package/helpers/e2e/index.d.ts +0 -4
  131. package/helpers/e2e/index.js +0 -11
  132. package/helpers/e2e/listboxHelper.d.ts +0 -22
  133. package/helpers/e2e/listboxHelper.js +0 -56
  134. package/helpers/e2e/multiselect.d.ts +0 -31
  135. package/helpers/e2e/multiselect.js +0 -105
  136. package/styles/auto-complete/_all.scss +0 -1
  137. package/styles/auto-complete/_bds-definition.scss +0 -2
  138. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  139. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  140. package/styles/auto-complete/_bootstrap4-definition.scss +0 -11
  141. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  142. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  143. package/styles/auto-complete/_bootstrap5.3-definition.scss +0 -2
  144. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  145. package/styles/auto-complete/_fabric-definition.scss +0 -2
  146. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  147. package/styles/auto-complete/_fluent-definition.scss +0 -2
  148. package/styles/auto-complete/_fluent2-definition.scss +0 -2
  149. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  150. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  151. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  152. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  153. package/styles/auto-complete/_material-definition.scss +0 -2
  154. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  155. package/styles/auto-complete/_material3-definition.scss +0 -2
  156. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  157. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  158. package/styles/auto-complete/_tailwind3-definition.scss +0 -2
  159. package/styles/auto-complete/bds.css +0 -75
  160. package/styles/auto-complete/bds.scss +0 -4
  161. package/styles/auto-complete/bootstrap-dark.css +0 -59
  162. package/styles/auto-complete/bootstrap-dark.scss +0 -4
  163. package/styles/auto-complete/bootstrap.css +0 -59
  164. package/styles/auto-complete/bootstrap.scss +0 -4
  165. package/styles/auto-complete/bootstrap4.css +0 -95
  166. package/styles/auto-complete/bootstrap4.scss +0 -4
  167. package/styles/auto-complete/bootstrap5-dark.css +0 -97
  168. package/styles/auto-complete/bootstrap5-dark.scss +0 -4
  169. package/styles/auto-complete/bootstrap5.3.css +0 -101
  170. package/styles/auto-complete/bootstrap5.3.scss +0 -4
  171. package/styles/auto-complete/bootstrap5.css +0 -97
  172. package/styles/auto-complete/bootstrap5.scss +0 -4
  173. package/styles/auto-complete/fabric-dark.css +0 -35
  174. package/styles/auto-complete/fabric-dark.scss +0 -4
  175. package/styles/auto-complete/fabric.css +0 -35
  176. package/styles/auto-complete/fabric.scss +0 -4
  177. package/styles/auto-complete/fluent-dark.css +0 -90
  178. package/styles/auto-complete/fluent-dark.scss +0 -4
  179. package/styles/auto-complete/fluent.css +0 -90
  180. package/styles/auto-complete/fluent.scss +0 -4
  181. package/styles/auto-complete/fluent2.css +0 -77
  182. package/styles/auto-complete/fluent2.scss +0 -4
  183. package/styles/auto-complete/highcontrast-light.css +0 -44
  184. package/styles/auto-complete/highcontrast-light.scss +0 -4
  185. package/styles/auto-complete/highcontrast.css +0 -44
  186. package/styles/auto-complete/highcontrast.scss +0 -4
  187. package/styles/auto-complete/material-dark.css +0 -84
  188. package/styles/auto-complete/material-dark.scss +0 -4
  189. package/styles/auto-complete/material.css +0 -88
  190. package/styles/auto-complete/material.scss +0 -4
  191. package/styles/auto-complete/material3-dark.css +0 -96
  192. package/styles/auto-complete/material3-dark.scss +0 -5
  193. package/styles/auto-complete/material3.css +0 -98
  194. package/styles/auto-complete/material3.scss +0 -5
  195. package/styles/auto-complete/tailwind-dark.css +0 -71
  196. package/styles/auto-complete/tailwind-dark.scss +0 -4
  197. package/styles/auto-complete/tailwind.css +0 -71
  198. package/styles/auto-complete/tailwind.scss +0 -4
  199. package/styles/auto-complete/tailwind3.css +0 -101
  200. package/styles/auto-complete/tailwind3.scss +0 -4
  201. package/styles/combo-box/_all.scss +0 -1
  202. package/styles/combo-box/_bds-definition.scss +0 -2
  203. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  204. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  205. package/styles/combo-box/_bootstrap4-definition.scss +0 -11
  206. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  207. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  208. package/styles/combo-box/_bootstrap5.3-definition.scss +0 -2
  209. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  210. package/styles/combo-box/_fabric-definition.scss +0 -2
  211. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  212. package/styles/combo-box/_fluent-definition.scss +0 -2
  213. package/styles/combo-box/_fluent2-definition.scss +0 -2
  214. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  215. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  216. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  217. package/styles/combo-box/_material-dark-definition.scss +0 -2
  218. package/styles/combo-box/_material-definition.scss +0 -2
  219. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  220. package/styles/combo-box/_material3-definition.scss +0 -2
  221. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  222. package/styles/combo-box/_tailwind-definition.scss +0 -2
  223. package/styles/combo-box/_tailwind3-definition.scss +0 -2
  224. package/styles/combo-box/bds.css +0 -75
  225. package/styles/combo-box/bds.scss +0 -4
  226. package/styles/combo-box/bootstrap-dark.css +0 -59
  227. package/styles/combo-box/bootstrap-dark.scss +0 -4
  228. package/styles/combo-box/bootstrap.css +0 -59
  229. package/styles/combo-box/bootstrap.scss +0 -4
  230. package/styles/combo-box/bootstrap4.css +0 -95
  231. package/styles/combo-box/bootstrap4.scss +0 -4
  232. package/styles/combo-box/bootstrap5-dark.css +0 -97
  233. package/styles/combo-box/bootstrap5-dark.scss +0 -4
  234. package/styles/combo-box/bootstrap5.3.css +0 -101
  235. package/styles/combo-box/bootstrap5.3.scss +0 -4
  236. package/styles/combo-box/bootstrap5.css +0 -97
  237. package/styles/combo-box/bootstrap5.scss +0 -4
  238. package/styles/combo-box/fabric-dark.css +0 -35
  239. package/styles/combo-box/fabric-dark.scss +0 -4
  240. package/styles/combo-box/fabric.css +0 -35
  241. package/styles/combo-box/fabric.scss +0 -4
  242. package/styles/combo-box/fluent-dark.css +0 -90
  243. package/styles/combo-box/fluent-dark.scss +0 -4
  244. package/styles/combo-box/fluent.css +0 -90
  245. package/styles/combo-box/fluent.scss +0 -4
  246. package/styles/combo-box/fluent2.css +0 -77
  247. package/styles/combo-box/fluent2.scss +0 -4
  248. package/styles/combo-box/highcontrast-light.css +0 -44
  249. package/styles/combo-box/highcontrast-light.scss +0 -4
  250. package/styles/combo-box/highcontrast.css +0 -44
  251. package/styles/combo-box/highcontrast.scss +0 -4
  252. package/styles/combo-box/material-dark.css +0 -84
  253. package/styles/combo-box/material-dark.scss +0 -4
  254. package/styles/combo-box/material.css +0 -88
  255. package/styles/combo-box/material.scss +0 -4
  256. package/styles/combo-box/material3-dark.css +0 -96
  257. package/styles/combo-box/material3-dark.scss +0 -5
  258. package/styles/combo-box/material3.css +0 -98
  259. package/styles/combo-box/material3.scss +0 -5
  260. package/styles/combo-box/tailwind-dark.css +0 -71
  261. package/styles/combo-box/tailwind-dark.scss +0 -4
  262. package/styles/combo-box/tailwind.css +0 -71
  263. package/styles/combo-box/tailwind.scss +0 -4
  264. package/styles/combo-box/tailwind3.css +0 -101
  265. package/styles/combo-box/tailwind3.scss +0 -4
  266. package/styles/drop-down-base/_all.scss +0 -2
  267. package/styles/drop-down-base/_bds-definition.scss +0 -112
  268. package/styles/drop-down-base/_bigger.scss +0 -198
  269. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -80
  270. package/styles/drop-down-base/_bootstrap-definition.scss +0 -78
  271. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -83
  272. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -1
  273. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -98
  274. package/styles/drop-down-base/_bootstrap5.3-definition.scss +0 -98
  275. package/styles/drop-down-base/_definition.scss +0 -23
  276. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -81
  277. package/styles/drop-down-base/_fabric-definition.scss +0 -79
  278. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -1
  279. package/styles/drop-down-base/_fluent-definition.scss +0 -102
  280. package/styles/drop-down-base/_fluent2-definition.scss +0 -113
  281. package/styles/drop-down-base/_fusionnew-definition.scss +0 -98
  282. package/styles/drop-down-base/_highcontrast-definition.scss +0 -96
  283. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -96
  284. package/styles/drop-down-base/_layout.scss +0 -148
  285. package/styles/drop-down-base/_material-dark-definition.scss +0 -82
  286. package/styles/drop-down-base/_material-definition.scss +0 -81
  287. package/styles/drop-down-base/_material3-dark-definition.scss +0 -1
  288. package/styles/drop-down-base/_material3-definition.scss +0 -73
  289. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -1
  290. package/styles/drop-down-base/_tailwind-definition.scss +0 -107
  291. package/styles/drop-down-base/_tailwind3-definition.scss +0 -98
  292. package/styles/drop-down-base/_theme.scss +0 -303
  293. package/styles/drop-down-base/bds.css +0 -496
  294. package/styles/drop-down-base/bds.scss +0 -4
  295. package/styles/drop-down-base/bootstrap-dark.css +0 -379
  296. package/styles/drop-down-base/bootstrap-dark.scss +0 -4
  297. package/styles/drop-down-base/bootstrap.css +0 -379
  298. package/styles/drop-down-base/bootstrap.scss +0 -4
  299. package/styles/drop-down-base/bootstrap4.css +0 -389
  300. package/styles/drop-down-base/bootstrap4.scss +0 -4
  301. package/styles/drop-down-base/bootstrap5-dark.css +0 -411
  302. package/styles/drop-down-base/bootstrap5-dark.scss +0 -4
  303. package/styles/drop-down-base/bootstrap5.3.css +0 -415
  304. package/styles/drop-down-base/bootstrap5.3.scss +0 -4
  305. package/styles/drop-down-base/bootstrap5.css +0 -411
  306. package/styles/drop-down-base/bootstrap5.scss +0 -4
  307. package/styles/drop-down-base/fabric-dark.css +0 -379
  308. package/styles/drop-down-base/fabric-dark.scss +0 -4
  309. package/styles/drop-down-base/fabric.css +0 -379
  310. package/styles/drop-down-base/fabric.scss +0 -4
  311. package/styles/drop-down-base/fluent-dark.css +0 -427
  312. package/styles/drop-down-base/fluent-dark.scss +0 -4
  313. package/styles/drop-down-base/fluent.css +0 -427
  314. package/styles/drop-down-base/fluent.scss +0 -4
  315. package/styles/drop-down-base/fluent2.css +0 -427
  316. package/styles/drop-down-base/fluent2.scss +0 -4
  317. package/styles/drop-down-base/highcontrast-light.css +0 -391
  318. package/styles/drop-down-base/highcontrast-light.scss +0 -4
  319. package/styles/drop-down-base/highcontrast.css +0 -391
  320. package/styles/drop-down-base/highcontrast.scss +0 -4
  321. package/styles/drop-down-base/material-dark.css +0 -378
  322. package/styles/drop-down-base/material-dark.scss +0 -4
  323. package/styles/drop-down-base/material.css +0 -378
  324. package/styles/drop-down-base/material.scss +0 -4
  325. package/styles/drop-down-base/material3-dark.css +0 -390
  326. package/styles/drop-down-base/material3-dark.scss +0 -5
  327. package/styles/drop-down-base/material3.css +0 -392
  328. package/styles/drop-down-base/material3.scss +0 -5
  329. package/styles/drop-down-base/tailwind-dark.css +0 -487
  330. package/styles/drop-down-base/tailwind-dark.scss +0 -4
  331. package/styles/drop-down-base/tailwind.css +0 -487
  332. package/styles/drop-down-base/tailwind.scss +0 -4
  333. package/styles/drop-down-base/tailwind3.css +0 -392
  334. package/styles/drop-down-base/tailwind3.scss +0 -4
  335. package/styles/drop-down-list/_all.scss +0 -3
  336. package/styles/drop-down-list/_bds-definition.scss +0 -100
  337. package/styles/drop-down-list/_bigger.scss +0 -713
  338. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -94
  339. package/styles/drop-down-list/_bootstrap-definition.scss +0 -93
  340. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -122
  341. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -1
  342. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -135
  343. package/styles/drop-down-list/_bootstrap5.3-definition.scss +0 -136
  344. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -72
  345. package/styles/drop-down-list/_fabric-definition.scss +0 -69
  346. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -1
  347. package/styles/drop-down-list/_fluent-definition.scss +0 -128
  348. package/styles/drop-down-list/_fluent2-definition.scss +0 -101
  349. package/styles/drop-down-list/_fusionnew-definition.scss +0 -134
  350. package/styles/drop-down-list/_highcontrast-definition.scss +0 -83
  351. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -85
  352. package/styles/drop-down-list/_layout.scss +0 -284
  353. package/styles/drop-down-list/_material-dark-definition.scss +0 -110
  354. package/styles/drop-down-list/_material-definition.scss +0 -112
  355. package/styles/drop-down-list/_material3-dark-definition.scss +0 -1
  356. package/styles/drop-down-list/_material3-definition.scss +0 -114
  357. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -1
  358. package/styles/drop-down-list/_tailwind-definition.scss +0 -100
  359. package/styles/drop-down-list/_tailwind3-definition.scss +0 -135
  360. package/styles/drop-down-list/_theme.scss +0 -17
  361. package/styles/drop-down-list/bds.css +0 -622
  362. package/styles/drop-down-list/bds.scss +0 -10
  363. package/styles/drop-down-list/bootstrap-dark.css +0 -464
  364. package/styles/drop-down-list/bootstrap-dark.scss +0 -10
  365. package/styles/drop-down-list/bootstrap.css +0 -466
  366. package/styles/drop-down-list/bootstrap.scss +0 -10
  367. package/styles/drop-down-list/bootstrap4.css +0 -511
  368. package/styles/drop-down-list/bootstrap4.scss +0 -10
  369. package/styles/drop-down-list/bootstrap5-dark.css +0 -510
  370. package/styles/drop-down-list/bootstrap5-dark.scss +0 -10
  371. package/styles/drop-down-list/bootstrap5.3.css +0 -515
  372. package/styles/drop-down-list/bootstrap5.3.scss +0 -10
  373. package/styles/drop-down-list/bootstrap5.css +0 -510
  374. package/styles/drop-down-list/bootstrap5.scss +0 -10
  375. package/styles/drop-down-list/fabric-dark.css +0 -439
  376. package/styles/drop-down-list/fabric-dark.scss +0 -10
  377. package/styles/drop-down-list/fabric.css +0 -439
  378. package/styles/drop-down-list/fabric.scss +0 -10
  379. package/styles/drop-down-list/fluent-dark.css +0 -483
  380. package/styles/drop-down-list/fluent-dark.scss +0 -10
  381. package/styles/drop-down-list/fluent.css +0 -483
  382. package/styles/drop-down-list/fluent.scss +0 -10
  383. package/styles/drop-down-list/fluent2.css +0 -666
  384. package/styles/drop-down-list/fluent2.scss +0 -10
  385. package/styles/drop-down-list/highcontrast-light.css +0 -440
  386. package/styles/drop-down-list/highcontrast-light.scss +0 -10
  387. package/styles/drop-down-list/highcontrast.css +0 -455
  388. package/styles/drop-down-list/highcontrast.scss +0 -10
  389. package/styles/drop-down-list/icons/_bds.scss +0 -14
  390. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -18
  391. package/styles/drop-down-list/icons/_bootstrap.scss +0 -18
  392. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -18
  393. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  394. package/styles/drop-down-list/icons/_bootstrap5.3.scss +0 -18
  395. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -18
  396. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -18
  397. package/styles/drop-down-list/icons/_fabric.scss +0 -18
  398. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  399. package/styles/drop-down-list/icons/_fluent.scss +0 -18
  400. package/styles/drop-down-list/icons/_fluent2.scss +0 -18
  401. package/styles/drop-down-list/icons/_fusionnew.scss +0 -14
  402. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -14
  403. package/styles/drop-down-list/icons/_highcontrast.scss +0 -18
  404. package/styles/drop-down-list/icons/_material-dark.scss +0 -18
  405. package/styles/drop-down-list/icons/_material.scss +0 -18
  406. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  407. package/styles/drop-down-list/icons/_material3.scss +0 -18
  408. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  409. package/styles/drop-down-list/icons/_tailwind.scss +0 -18
  410. package/styles/drop-down-list/icons/_tailwind3.scss +0 -14
  411. package/styles/drop-down-list/material-dark.css +0 -487
  412. package/styles/drop-down-list/material-dark.scss +0 -10
  413. package/styles/drop-down-list/material.css +0 -526
  414. package/styles/drop-down-list/material.scss +0 -10
  415. package/styles/drop-down-list/material3-dark.css +0 -545
  416. package/styles/drop-down-list/material3-dark.scss +0 -11
  417. package/styles/drop-down-list/material3.css +0 -547
  418. package/styles/drop-down-list/material3.scss +0 -11
  419. package/styles/drop-down-list/tailwind-dark.css +0 -472
  420. package/styles/drop-down-list/tailwind-dark.scss +0 -10
  421. package/styles/drop-down-list/tailwind.css +0 -472
  422. package/styles/drop-down-list/tailwind.scss +0 -10
  423. package/styles/drop-down-list/tailwind3.css +0 -469
  424. package/styles/drop-down-list/tailwind3.scss +0 -10
  425. package/styles/drop-down-tree/_all.scss +0 -2
  426. package/styles/drop-down-tree/_bds-definition.scss +0 -75
  427. package/styles/drop-down-tree/_bigger.scss +0 -561
  428. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -82
  429. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -81
  430. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -85
  431. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -1
  432. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -74
  433. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +0 -74
  434. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -82
  435. package/styles/drop-down-tree/_fabric-definition.scss +0 -82
  436. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -1
  437. package/styles/drop-down-tree/_fluent-definition.scss +0 -79
  438. package/styles/drop-down-tree/_fluent2-definition.scss +0 -86
  439. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -70
  440. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -82
  441. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -82
  442. package/styles/drop-down-tree/_layout.scss +0 -942
  443. package/styles/drop-down-tree/_material-dark-definition.scss +0 -83
  444. package/styles/drop-down-tree/_material-definition.scss +0 -85
  445. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -1
  446. package/styles/drop-down-tree/_material3-definition.scss +0 -84
  447. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -1
  448. package/styles/drop-down-tree/_tailwind-definition.scss +0 -75
  449. package/styles/drop-down-tree/_tailwind3-definition.scss +0 -75
  450. package/styles/drop-down-tree/_theme.scss +0 -135
  451. package/styles/drop-down-tree/bds.css +0 -730
  452. package/styles/drop-down-tree/bds.scss +0 -10
  453. package/styles/drop-down-tree/bootstrap-dark.css +0 -485
  454. package/styles/drop-down-tree/bootstrap-dark.scss +0 -10
  455. package/styles/drop-down-tree/bootstrap.css +0 -486
  456. package/styles/drop-down-tree/bootstrap.scss +0 -10
  457. package/styles/drop-down-tree/bootstrap4.css +0 -515
  458. package/styles/drop-down-tree/bootstrap4.scss +0 -10
  459. package/styles/drop-down-tree/bootstrap5-dark.css +0 -547
  460. package/styles/drop-down-tree/bootstrap5-dark.scss +0 -10
  461. package/styles/drop-down-tree/bootstrap5.3.css +0 -482
  462. package/styles/drop-down-tree/bootstrap5.3.scss +0 -10
  463. package/styles/drop-down-tree/bootstrap5.css +0 -547
  464. package/styles/drop-down-tree/bootstrap5.scss +0 -10
  465. package/styles/drop-down-tree/fabric-dark.css +0 -487
  466. package/styles/drop-down-tree/fabric-dark.scss +0 -10
  467. package/styles/drop-down-tree/fabric.css +0 -488
  468. package/styles/drop-down-tree/fabric.scss +0 -10
  469. package/styles/drop-down-tree/fluent-dark.css +0 -549
  470. package/styles/drop-down-tree/fluent-dark.scss +0 -10
  471. package/styles/drop-down-tree/fluent.css +0 -549
  472. package/styles/drop-down-tree/fluent.scss +0 -10
  473. package/styles/drop-down-tree/fluent2.css +0 -721
  474. package/styles/drop-down-tree/fluent2.scss +0 -10
  475. package/styles/drop-down-tree/highcontrast-light.css +0 -500
  476. package/styles/drop-down-tree/highcontrast-light.scss +0 -10
  477. package/styles/drop-down-tree/highcontrast.css +0 -510
  478. package/styles/drop-down-tree/highcontrast.scss +0 -10
  479. package/styles/drop-down-tree/icons/_bds.scss +0 -11
  480. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -11
  481. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -11
  482. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -11
  483. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  484. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +0 -11
  485. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -11
  486. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -11
  487. package/styles/drop-down-tree/icons/_fabric.scss +0 -11
  488. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  489. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  490. package/styles/drop-down-tree/icons/_fluent2.scss +0 -14
  491. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -11
  492. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -11
  493. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -11
  494. package/styles/drop-down-tree/icons/_material-dark.scss +0 -11
  495. package/styles/drop-down-tree/icons/_material.scss +0 -11
  496. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  497. package/styles/drop-down-tree/icons/_material3.scss +0 -11
  498. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -11
  499. package/styles/drop-down-tree/icons/_tailwind.scss +0 -11
  500. package/styles/drop-down-tree/icons/_tailwind3.scss +0 -11
  501. package/styles/drop-down-tree/material-dark.css +0 -812
  502. package/styles/drop-down-tree/material-dark.scss +0 -10
  503. package/styles/drop-down-tree/material.css +0 -836
  504. package/styles/drop-down-tree/material.scss +0 -10
  505. package/styles/drop-down-tree/material3-dark.css +0 -494
  506. package/styles/drop-down-tree/material3-dark.scss +0 -11
  507. package/styles/drop-down-tree/material3.css +0 -496
  508. package/styles/drop-down-tree/material3.scss +0 -11
  509. package/styles/drop-down-tree/tailwind-dark.css +0 -576
  510. package/styles/drop-down-tree/tailwind-dark.scss +0 -10
  511. package/styles/drop-down-tree/tailwind.css +0 -576
  512. package/styles/drop-down-tree/tailwind.scss +0 -10
  513. package/styles/drop-down-tree/tailwind3.css +0 -536
  514. package/styles/drop-down-tree/tailwind3.scss +0 -10
  515. package/styles/list-box/_all.scss +0 -2
  516. package/styles/list-box/_bds-definition.scss +0 -136
  517. package/styles/list-box/_bigger.scss +0 -190
  518. package/styles/list-box/_bootstrap-dark-definition.scss +0 -126
  519. package/styles/list-box/_bootstrap-definition.scss +0 -119
  520. package/styles/list-box/_bootstrap4-definition.scss +0 -126
  521. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -1
  522. package/styles/list-box/_bootstrap5-definition.scss +0 -121
  523. package/styles/list-box/_bootstrap5.3-definition.scss +0 -123
  524. package/styles/list-box/_fabric-dark-definition.scss +0 -124
  525. package/styles/list-box/_fabric-definition.scss +0 -119
  526. package/styles/list-box/_fluent-dark-definition.scss +0 -1
  527. package/styles/list-box/_fluent-definition.scss +0 -120
  528. package/styles/list-box/_fluent2-definition.scss +0 -121
  529. package/styles/list-box/_fusionnew-definition.scss +0 -111
  530. package/styles/list-box/_highcontrast-definition.scss +0 -119
  531. package/styles/list-box/_highcontrast-light-definition.scss +0 -124
  532. package/styles/list-box/_layout.scss +0 -496
  533. package/styles/list-box/_material-dark-definition.scss +0 -124
  534. package/styles/list-box/_material-definition.scss +0 -119
  535. package/styles/list-box/_material3-dark-definition.scss +0 -1
  536. package/styles/list-box/_material3-definition.scss +0 -119
  537. package/styles/list-box/_tailwind-dark-definition.scss +0 -1
  538. package/styles/list-box/_tailwind-definition.scss +0 -119
  539. package/styles/list-box/_tailwind3-definition.scss +0 -123
  540. package/styles/list-box/_theme.scss +0 -327
  541. package/styles/list-box/bds.css +0 -971
  542. package/styles/list-box/bds.scss +0 -6
  543. package/styles/list-box/bootstrap-dark.css +0 -916
  544. package/styles/list-box/bootstrap-dark.scss +0 -6
  545. package/styles/list-box/bootstrap.css +0 -927
  546. package/styles/list-box/bootstrap.scss +0 -6
  547. package/styles/list-box/bootstrap4.css +0 -977
  548. package/styles/list-box/bootstrap4.scss +0 -6
  549. package/styles/list-box/bootstrap5-dark.css +0 -939
  550. package/styles/list-box/bootstrap5-dark.scss +0 -6
  551. package/styles/list-box/bootstrap5.3.css +0 -956
  552. package/styles/list-box/bootstrap5.3.scss +0 -6
  553. package/styles/list-box/bootstrap5.css +0 -939
  554. package/styles/list-box/bootstrap5.scss +0 -6
  555. package/styles/list-box/fabric-dark.css +0 -916
  556. package/styles/list-box/fabric-dark.scss +0 -6
  557. package/styles/list-box/fabric.css +0 -927
  558. package/styles/list-box/fabric.scss +0 -6
  559. package/styles/list-box/fluent-dark.css +0 -939
  560. package/styles/list-box/fluent-dark.scss +0 -6
  561. package/styles/list-box/fluent.css +0 -939
  562. package/styles/list-box/fluent.scss +0 -6
  563. package/styles/list-box/fluent2.css +0 -979
  564. package/styles/list-box/fluent2.scss +0 -6
  565. package/styles/list-box/highcontrast-light.css +0 -928
  566. package/styles/list-box/highcontrast-light.scss +0 -6
  567. package/styles/list-box/highcontrast.css +0 -939
  568. package/styles/list-box/highcontrast.scss +0 -6
  569. package/styles/list-box/icons/_bds.scss +0 -25
  570. package/styles/list-box/icons/_bootstrap-dark.scss +0 -25
  571. package/styles/list-box/icons/_bootstrap.scss +0 -25
  572. package/styles/list-box/icons/_bootstrap4.scss +0 -25
  573. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  574. package/styles/list-box/icons/_bootstrap5.3.scss +0 -25
  575. package/styles/list-box/icons/_bootstrap5.scss +0 -25
  576. package/styles/list-box/icons/_fabric-dark.scss +0 -25
  577. package/styles/list-box/icons/_fabric.scss +0 -25
  578. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  579. package/styles/list-box/icons/_fluent.scss +0 -25
  580. package/styles/list-box/icons/_fluent2.scss +0 -25
  581. package/styles/list-box/icons/_fusionnew.scss +0 -25
  582. package/styles/list-box/icons/_highcontrast-light.scss +0 -25
  583. package/styles/list-box/icons/_highcontrast.scss +0 -25
  584. package/styles/list-box/icons/_material-dark.scss +0 -25
  585. package/styles/list-box/icons/_material.scss +0 -25
  586. package/styles/list-box/icons/_material3-dark.scss +0 -1
  587. package/styles/list-box/icons/_material3.scss +0 -25
  588. package/styles/list-box/icons/_tailwind-dark.scss +0 -25
  589. package/styles/list-box/icons/_tailwind.scss +0 -25
  590. package/styles/list-box/icons/_tailwind3.scss +0 -25
  591. package/styles/list-box/material-dark.css +0 -916
  592. package/styles/list-box/material-dark.scss +0 -6
  593. package/styles/list-box/material.css +0 -927
  594. package/styles/list-box/material.scss +0 -6
  595. package/styles/list-box/material3-dark.css +0 -919
  596. package/styles/list-box/material3-dark.scss +0 -7
  597. package/styles/list-box/material3.css +0 -921
  598. package/styles/list-box/material3.scss +0 -7
  599. package/styles/list-box/tailwind-dark.css +0 -945
  600. package/styles/list-box/tailwind-dark.scss +0 -6
  601. package/styles/list-box/tailwind.css +0 -945
  602. package/styles/list-box/tailwind.scss +0 -6
  603. package/styles/list-box/tailwind3.css +0 -995
  604. package/styles/list-box/tailwind3.scss +0 -6
  605. package/styles/mention/_all.scss +0 -1
  606. package/styles/mention/_bds-definition.scss +0 -1
  607. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  608. package/styles/mention/_bootstrap-definition.scss +0 -3
  609. package/styles/mention/_bootstrap4-definition.scss +0 -3
  610. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  611. package/styles/mention/_bootstrap5-definition.scss +0 -1
  612. package/styles/mention/_bootstrap5.3-definition.scss +0 -1
  613. package/styles/mention/_fabric-dark-definition.scss +0 -2
  614. package/styles/mention/_fabric-definition.scss +0 -3
  615. package/styles/mention/_fluent-dark-definition.scss +0 -1
  616. package/styles/mention/_fluent-definition.scss +0 -1
  617. package/styles/mention/_fluent2-definition.scss +0 -1
  618. package/styles/mention/_fusionnew-definition.scss +0 -1
  619. package/styles/mention/_highcontrast-definition.scss +0 -3
  620. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  621. package/styles/mention/_layout.scss +0 -6
  622. package/styles/mention/_material-dark-definition.scss +0 -3
  623. package/styles/mention/_material-definition.scss +0 -3
  624. package/styles/mention/_material3-dark-definition.scss +0 -1
  625. package/styles/mention/_material3-definition.scss +0 -1
  626. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  627. package/styles/mention/_tailwind-definition.scss +0 -1
  628. package/styles/mention/_tailwind3-definition.scss +0 -1
  629. package/styles/mention/bds.css +0 -78
  630. package/styles/mention/bds.scss +0 -6
  631. package/styles/mention/bootstrap-dark.css +0 -48
  632. package/styles/mention/bootstrap-dark.scss +0 -6
  633. package/styles/mention/bootstrap.css +0 -48
  634. package/styles/mention/bootstrap.scss +0 -6
  635. package/styles/mention/bootstrap4.css +0 -54
  636. package/styles/mention/bootstrap4.scss +0 -6
  637. package/styles/mention/bootstrap5-dark.css +0 -63
  638. package/styles/mention/bootstrap5-dark.scss +0 -6
  639. package/styles/mention/bootstrap5.3.css +0 -67
  640. package/styles/mention/bootstrap5.3.scss +0 -6
  641. package/styles/mention/bootstrap5.css +0 -63
  642. package/styles/mention/bootstrap5.scss +0 -6
  643. package/styles/mention/fabric-dark.css +0 -48
  644. package/styles/mention/fabric-dark.scss +0 -6
  645. package/styles/mention/fabric.css +0 -48
  646. package/styles/mention/fabric.scss +0 -6
  647. package/styles/mention/fluent-dark.css +0 -63
  648. package/styles/mention/fluent-dark.scss +0 -6
  649. package/styles/mention/fluent.css +0 -63
  650. package/styles/mention/fluent.scss +0 -6
  651. package/styles/mention/fluent2.css +0 -80
  652. package/styles/mention/fluent2.scss +0 -6
  653. package/styles/mention/highcontrast-light.css +0 -60
  654. package/styles/mention/highcontrast-light.scss +0 -6
  655. package/styles/mention/highcontrast.css +0 -60
  656. package/styles/mention/highcontrast.scss +0 -6
  657. package/styles/mention/material-dark.css +0 -48
  658. package/styles/mention/material-dark.scss +0 -6
  659. package/styles/mention/material.css +0 -48
  660. package/styles/mention/material.scss +0 -6
  661. package/styles/mention/material3-dark.css +0 -53
  662. package/styles/mention/material3-dark.scss +0 -7
  663. package/styles/mention/material3.css +0 -55
  664. package/styles/mention/material3.scss +0 -7
  665. package/styles/mention/tailwind-dark.css +0 -69
  666. package/styles/mention/tailwind-dark.scss +0 -6
  667. package/styles/mention/tailwind.css +0 -69
  668. package/styles/mention/tailwind.scss +0 -6
  669. package/styles/mention/tailwind3.css +0 -67
  670. package/styles/mention/tailwind3.scss +0 -6
  671. package/styles/multi-select/_all.scss +0 -2
  672. package/styles/multi-select/_bds-definition.scss +0 -230
  673. package/styles/multi-select/_bigger.scss +0 -2002
  674. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -198
  675. package/styles/multi-select/_bootstrap-definition.scss +0 -187
  676. package/styles/multi-select/_bootstrap4-definition.scss +0 -236
  677. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -1
  678. package/styles/multi-select/_bootstrap5-definition.scss +0 -229
  679. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -229
  680. package/styles/multi-select/_fabric-dark-definition.scss +0 -190
  681. package/styles/multi-select/_fabric-definition.scss +0 -181
  682. package/styles/multi-select/_fluent-dark-definition.scss +0 -1
  683. package/styles/multi-select/_fluent-definition.scss +0 -236
  684. package/styles/multi-select/_fluent2-definition.scss +0 -234
  685. package/styles/multi-select/_fusionnew-definition.scss +0 -222
  686. package/styles/multi-select/_highcontrast-definition.scss +0 -302
  687. package/styles/multi-select/_highcontrast-light-definition.scss +0 -296
  688. package/styles/multi-select/_layout.scss +0 -1330
  689. package/styles/multi-select/_material-dark-definition.scss +0 -248
  690. package/styles/multi-select/_material-definition.scss +0 -250
  691. package/styles/multi-select/_material3-dark-definition.scss +0 -1
  692. package/styles/multi-select/_material3-definition.scss +0 -233
  693. package/styles/multi-select/_tailwind-dark-definition.scss +0 -1
  694. package/styles/multi-select/_tailwind-definition.scss +0 -230
  695. package/styles/multi-select/_tailwind3-definition.scss +0 -227
  696. package/styles/multi-select/_theme.scss +0 -564
  697. package/styles/multi-select/bds.css +0 -1579
  698. package/styles/multi-select/bds.scss +0 -10
  699. package/styles/multi-select/bootstrap-dark.css +0 -1386
  700. package/styles/multi-select/bootstrap-dark.scss +0 -10
  701. package/styles/multi-select/bootstrap.css +0 -1374
  702. package/styles/multi-select/bootstrap.scss +0 -10
  703. package/styles/multi-select/bootstrap4.css +0 -1522
  704. package/styles/multi-select/bootstrap4.scss +0 -10
  705. package/styles/multi-select/bootstrap5-dark.css +0 -1446
  706. package/styles/multi-select/bootstrap5-dark.scss +0 -10
  707. package/styles/multi-select/bootstrap5.3.css +0 -1450
  708. package/styles/multi-select/bootstrap5.3.scss +0 -10
  709. package/styles/multi-select/bootstrap5.css +0 -1446
  710. package/styles/multi-select/bootstrap5.scss +0 -10
  711. package/styles/multi-select/fabric-dark.css +0 -1389
  712. package/styles/multi-select/fabric-dark.scss +0 -10
  713. package/styles/multi-select/fabric.css +0 -1379
  714. package/styles/multi-select/fabric.scss +0 -10
  715. package/styles/multi-select/fluent-dark.css +0 -1490
  716. package/styles/multi-select/fluent-dark.scss +0 -10
  717. package/styles/multi-select/fluent.css +0 -1490
  718. package/styles/multi-select/fluent.scss +0 -10
  719. package/styles/multi-select/fluent2.css +0 -1706
  720. package/styles/multi-select/fluent2.scss +0 -10
  721. package/styles/multi-select/highcontrast-light.css +0 -1490
  722. package/styles/multi-select/highcontrast-light.scss +0 -10
  723. package/styles/multi-select/highcontrast.css +0 -1506
  724. package/styles/multi-select/highcontrast.scss +0 -10
  725. package/styles/multi-select/icons/_bds.scss +0 -26
  726. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -30
  727. package/styles/multi-select/icons/_bootstrap.scss +0 -30
  728. package/styles/multi-select/icons/_bootstrap4.scss +0 -32
  729. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  730. package/styles/multi-select/icons/_bootstrap5.3.scss +0 -30
  731. package/styles/multi-select/icons/_bootstrap5.scss +0 -30
  732. package/styles/multi-select/icons/_fabric-dark.scss +0 -30
  733. package/styles/multi-select/icons/_fabric.scss +0 -30
  734. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  735. package/styles/multi-select/icons/_fluent.scss +0 -38
  736. package/styles/multi-select/icons/_fluent2.scss +0 -347
  737. package/styles/multi-select/icons/_fusionnew.scss +0 -26
  738. package/styles/multi-select/icons/_highcontrast-light.scss +0 -26
  739. package/styles/multi-select/icons/_highcontrast.scss +0 -30
  740. package/styles/multi-select/icons/_material-dark.scss +0 -348
  741. package/styles/multi-select/icons/_material.scss +0 -348
  742. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  743. package/styles/multi-select/icons/_material3.scss +0 -350
  744. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  745. package/styles/multi-select/icons/_tailwind.scss +0 -30
  746. package/styles/multi-select/icons/_tailwind3.scss +0 -26
  747. package/styles/multi-select/material-dark.css +0 -2605
  748. package/styles/multi-select/material-dark.scss +0 -10
  749. package/styles/multi-select/material.css +0 -2629
  750. package/styles/multi-select/material.scss +0 -10
  751. package/styles/multi-select/material3-dark.css +0 -2947
  752. package/styles/multi-select/material3-dark.scss +0 -11
  753. package/styles/multi-select/material3.css +0 -2949
  754. package/styles/multi-select/material3.scss +0 -11
  755. package/styles/multi-select/tailwind-dark.css +0 -1429
  756. package/styles/multi-select/tailwind-dark.scss +0 -10
  757. package/styles/multi-select/tailwind.css +0 -1429
  758. package/styles/multi-select/tailwind.scss +0 -10
  759. package/styles/multi-select/tailwind3.css +0 -1402
  760. package/styles/multi-select/tailwind3.scss +0 -10
  761. package/tslint.json +0 -111
@@ -1,2002 +0,0 @@
1
- @include export-module('multiselect-bigger') {
2
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
3
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
4
- @if $ddl-multiselect-skin-name != 'Material3' {
5
- margin-top: $ddl-icon-margin-top-bigger;
6
- }
7
- @if $ddl-multiselect-skin-name == 'fluent2' {
8
- padding: 11px;
9
- }
10
- }
11
-
12
- .e-bigger .e-multi-select-wrapper {
13
- min-height: $ddl-control-bigger-height;
14
- }
15
-
16
- .e-bigger .e-multi-select-wrapper .e-chips {
17
- margin: $ddl-chip-margin-bigger;
18
- }
19
-
20
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
21
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
22
- padding: $ddl-chip-bigger-content-padding;
23
- }
24
- @if $ddl-multiselect-skin-name == 'tailwind' {
25
- font-size: $ddl-chip-bigger-font-size;
26
- }
27
- }
28
-
29
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
30
- padding: $ddl-chip-mobile-content-padding;
31
- }
32
-
33
- .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
34
- padding: $ddl-rtl-chip-mobile-content-padding;
35
- }
36
-
37
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
38
- @if $ddl-multiselect-skin-name == 'Material3' {
39
- right: $ddl-close-icon-bigger-right;
40
- }
41
- }
42
-
43
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
44
- @if $ddl-multiselect-skin-name == 'Material3' {
45
- right: 41px;
46
- }
47
- }
48
-
49
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
50
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
51
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
52
- .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
53
- .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
54
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
55
- @if $ddl-multiselect-skin-name == 'FluentUI' {
56
- font-size: $ddl-bigger-chip-down-icon-font;
57
- right: $ddl-close-icon-bigger-right;
58
- }
59
- }
60
-
61
- .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
62
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
63
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
64
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
65
- .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
66
- .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
67
- @if $ddl-multiselect-skin-name == 'FluentUI' {
68
- font-size: $ddl-biggersmall-chip-down-icon-font;
69
- right: $ddl-close-icon-bigger-right;
70
- }
71
- }
72
-
73
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
74
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
75
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
76
- right: 38px;
77
- }
78
- }
79
-
80
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
81
- @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
82
- right: $ddl-close-down-icon-left;
83
- }
84
- }
85
-
86
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
87
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
88
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
89
- left: 45px;
90
- right: auto;
91
- }
92
- }
93
-
94
- .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
95
- .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
96
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
97
- left: 12px;
98
- right: auto;
99
- }
100
- }
101
-
102
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
103
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
104
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
105
- left: 38px;
106
- right: auto;
107
- }
108
- }
109
-
110
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
111
- @if $ddl-multiselect-skin-name != 'Material3' {
112
- margin-top: $ddl-closer-margin-top-bigger;
113
- }
114
- @if $ddl-multiselect-skin-name == 'tailwind' {
115
- height: $ddl-bigger-clear-icon-height;
116
- width: $ddl-bigger-clear-icon-width;
117
- }
118
- @if $ddl-multiselect-skin-name == 'FluentUI' {
119
- font-size: $ddl-bigger-chip-down-icon-font;
120
- }
121
- @if $ddl-multiselect-skin-name == 'Material3' {
122
- margin-top: -2.3em;
123
- font-size: $ddl-bigger-chip-down-icon-font;
124
- top: 100%;
125
- border-radius: $ddl-bigger-closer-hooker-border-radius;
126
- width: $ddl-bigger-closer-hooker-width;
127
- height: $ddl-bigger-closer-hooker-height;
128
- line-height: 28px;
129
- }
130
- }
131
-
132
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
133
- @if $ddl-multiselect-skin-name == 'Material3' {
134
- background: $ddl-bigger-closer-hooker-bg-color;
135
- border: 1px;
136
- }
137
- }
138
-
139
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
140
- @if $ddl-multiselect-skin-name == 'Material3' {
141
- height: $ddl-bigger-small-closer-hooker-height;
142
- width: $ddl-bigger-small-closer-hooker-width;
143
- margin-top: $ddl-closer-margin-top-bigger-small;
144
- }
145
- }
146
-
147
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
148
- @if $ddl-multiselect-skin-name == 'Material3' {
149
- width: $ddl-bigger-closer-hooker-width;
150
- height: $ddl-bigger-closer-hooker-width;
151
- }
152
- }
153
-
154
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
155
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
156
- @if $ddl-multiselect-skin-name != 'fluent2' {
157
- margin-top: $ddl-closer-margin-top-bigger;
158
- }
159
- @if $ddl-multiselect-skin-name == 'fluent2' {
160
- margin-top: -2.5em;
161
- }
162
- @if $ddl-multiselect-skin-name == 'FluentUI' {
163
- margin-top: $ddl-bigger-clear-margin-top;
164
- }
165
- @if $ddl-multiselect-skin-name == 'bootstrap' {
166
- margin-top: -3.7em;
167
- }
168
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
169
- margin-top: -2.15em;
170
- }
171
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
172
- margin-top: -3.2em;
173
- }
174
- @if $ddl-multiselect-skin-name == 'tailwind' {
175
- height: $ddl-bigger-clear-icon-height;
176
- margin-top: $ddl-clear-margin-top;
177
- width: $ddl-bigger-clear-icon-width;
178
- }
179
- }
180
-
181
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
182
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
183
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
184
- font-size: $ddl-closer-hooker-font-bigger;
185
- margin-top: $ddl-closer-margin-top;
186
- }
187
- @if $ddl-multiselect-skin-name == 'tailwind' {
188
- margin-top: $ddl-closer-margin-top-bigger;
189
- }
190
- }
191
-
192
- .e-bigger .e-multi-select-wrapper input[type = 'text'],
193
- .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
194
- height: $ddl-input-height;
195
- min-height: $ddl-input-height;
196
- }
197
-
198
- .e-bigger .e-multi-select-wrapper input[type = 'text'] {
199
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
200
- font-size: $ddl-chip-bigger-font-size;
201
- }
202
- @if $ddl-multiselect-skin-name == 'tailwind' {
203
- font-size: $ddl-chip-bigger-font-size;
204
- }
205
- height: $ddl-input-bigger-height;
206
- min-height: $ddl-input-bigger-height;
207
- }
208
-
209
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
210
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
211
- width: $ddl-bigger-search-wrapper-width;
212
- }
213
-
214
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
215
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
216
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
217
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
218
- width: $ddl-bigger-small-search-wrapper-width;
219
- }
220
-
221
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
222
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
223
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
224
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
225
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
226
- width: $ddl-bigger-small-search-wrapper-width;
227
- }
228
- }
229
-
230
- .e-bigger .e-multi-select-wrapper .e-delim-values {
231
- @if $ddl-multiselect-skin-name == 'tailwind' {
232
- font-size: $ddl-delim-bigger-font-size;
233
- }
234
- line-height: $ddl-delimviewheight-bigger;
235
- padding-left: $ddl-delimview-bigger-padding-left;
236
- }
237
-
238
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
239
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
240
- padding-left: 12px;
241
- }
242
- @else if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
243
- padding-left: 0;
244
- }
245
- @if $ddl-multiselect-skin-name == 'tailwind' {
246
- font-size: $ddl-chip-bigger-font-size;
247
- }
248
- }
249
-
250
- .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
251
- @if $ddl-multiselect-skin-name == 'tailwind' {
252
- font-size: $ddl-chip-bigger-small-font-size;
253
- }
254
- }
255
-
256
- .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
257
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
258
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
259
- left: $ddl-chip-close-rtl-bigger-left;
260
- }
261
- }
262
-
263
- .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
264
- .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
265
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
266
- left: $ddl-chip-close-rtl-small-bigger-left;
267
- }
268
- }
269
-
270
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
271
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
272
- padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
273
- }
274
- }
275
-
276
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
277
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
278
- bottom: 1px;
279
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
280
- bottom: 2px;
281
- }
282
- margin-right: $ddl-bigger-check-right-margin;
283
- }
284
-
285
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
286
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
287
- bottom: 1px;
288
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
289
- bottom: 2px;
290
- }
291
- margin-right: $ddl-bigger-check-right-margin;
292
- }
293
-
294
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
295
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
296
- padding-right: $ddl-list-padding-right;
297
- }
298
- }
299
-
300
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
301
- @if ($ddl-multiselect-skin-name != 'tailwind') {
302
- padding-left: $ddl-multiselect-group-list-group-item-padding-left;
303
- }
304
- }
305
-
306
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
307
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
308
- padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
309
- }
310
- }
311
-
312
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
313
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
314
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
315
- font-size: $ddl-bigger-selectall-font-size;
316
- }
317
- }
318
-
319
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
320
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
321
- @if $ddl-multiselect-skin-name == 'tailwind' {
322
- font-size: $ddl-bigger-small-selectall-font-size;
323
- }
324
- }
325
-
326
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
327
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
328
- font-size: $ddl-chip-font-size;
329
- line-height: $ddl-bigger-select-all-height;
330
- text-indent: $ddl-bigger-check-right;
331
- }
332
-
333
- .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
334
- .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
335
- @if $ddl-multiselect-skin-name == 'FluentUI' {
336
- font-size: $ddl-chip-font-size;
337
- line-height: $ddl-bigger-select-all-height;
338
- text-indent: $ddl-bigger-check-right;
339
- }
340
- }
341
-
342
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
343
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
344
- bottom: 1px;
345
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
346
- bottom: 2px;
347
- }
348
- margin-right: $ddl-bigger-check-right-margin;
349
- }
350
-
351
- .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
352
- @if $ddl-multiselect-skin-name == 'Material3' {
353
- top: 3px;
354
- }
355
- }
356
-
357
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
358
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
359
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'Material3' {
360
- padding: $ddl-bigger-filterbar-padding;
361
- }
362
- }
363
-
364
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
365
- @if $ddl-multiselect-skin-name != 'Material3' {
366
- padding-left: 8px;
367
- }
368
- @if $ddl-multiselect-skin-name == 'material' {
369
- padding-right: 8px;
370
- }
371
- }
372
-
373
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
374
- @if $ddl-multiselect-skin-name != 'highcontrast' {
375
- line-height: $ddl-delimviewheight-check-bigger;
376
- }
377
- }
378
-
379
- .e-bigger .e-multi-select-wrapper .e-chips-close {
380
- @if $ddl-multiselect-skin-name == 'tailwind' {
381
- height: $ddl-bigger-chip-close-square;
382
- width: $ddl-bigger-chip-close-width;
383
- }
384
- }
385
-
386
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
387
- @if $ddl-multiselect-skin-name == 'tailwind' {
388
- font-size: $ddl-bigger-chip-close-font;
389
- }
390
- }
391
-
392
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
393
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
394
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
395
- height: $ddl-bigger-small-input-height;
396
- }
397
- }
398
-
399
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
400
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
401
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
402
- height: $ddl-input-bigger-height;
403
- }
404
- }
405
-
406
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
407
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
408
- line-height: $ddl-select-all-height-bigger-small;
409
- @if $ddl-multiselect-skin-name == 'tailwind' {
410
- font-size: $ddl-chip-bigger-small-font-size;
411
- text-indent: $ddl-bigger-small-check-right;
412
- }
413
- }
414
-
415
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
416
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
417
- @if $ddl-multiselect-skin-name == 'Material3' {
418
- margin-top: $ddl-bigger-small-ddl-icon-top;
419
- top: 100%;
420
- }
421
- }
422
-
423
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
424
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
425
- margin-top: $ddl-bigger-small-ddl-icon-top;
426
- }
427
-
428
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
429
- height: $ddl-bigger-small-chip-close-square;
430
- width: $ddl-bigger-small-chip-close-width;
431
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
432
- margin: 3px 10px 10px 0;
433
- }
434
- }
435
-
436
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
437
- @if $ddl-multiselect-skin-name == 'Material3' {
438
- min-height: $ddl-bigger-small-close-hooker-height;
439
- min-width: $ddl-bigger-small-close-hooker-width;
440
- }
441
- }
442
-
443
- .e-bigger.e-small .e-multi-select-wrapper {
444
- min-height: $ddl-control-bigger-small-height;
445
- }
446
-
447
- .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
448
- @if $ddl-multiselect-skin-name == 'tailwind' {
449
- font-size: $ddl-chip-bigger-small-font-size;
450
- }
451
- height: $ddl-bigger-small-input-height;
452
- min-height: $ddl-bigger-small-input-height;
453
- }
454
-
455
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
456
- font-size: $ddl-delim-bigger-small-font-size;
457
- line-height: $ddl-delimviewheight-bigger-small;
458
- }
459
-
460
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
461
- @if $ddl-multiselect-skin-name == 'Material3' {
462
- right: $ddl-close-icon-bigger-small-right;
463
- }
464
- }
465
-
466
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
467
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
468
- margin-top: $ddl-closer-margin-top-bigger-small;
469
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'tailwind3' {
470
- right: $ddl-chip-hooker-right;
471
- }
472
- @if $ddl-multiselect-skin-name == 'Material3' or $ddl-multiselect-skin-name == 'tailwind3' {
473
- right: $ddl-chip-hooker-bigger-small-right;
474
- }
475
- @if $ddl-multiselect-skin-name == 'tailwind' {
476
- font-size: $ddl-closer-hooker-font-bigger-small;
477
- height: $ddl-bigger-small-clear-icon-height;
478
- width: $ddl-bigger-small-clear-icon-width;
479
- }
480
- @if $ddl-multiselect-skin-name == 'FluentUI' {
481
- font-size: $ddl-biggersmall-chip-down-icon-font;
482
- }
483
- }
484
-
485
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
486
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
487
- padding: $ddl-chip-bigger-content-padding;
488
- }
489
- }
490
-
491
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
492
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
493
- background-size: 300px 40px;
494
- min-height: 40px;
495
- }
496
-
497
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
498
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
499
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
500
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
501
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
502
- font-size: inherit;
503
- min-height: $outline-multiselect-inner-input-height;
504
- padding: 8px 12px 9px;
505
- }
506
- }
507
-
508
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
509
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
510
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
511
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
512
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
513
- padding: 8px 12px 9px;
514
- }
515
- }
516
-
517
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
518
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
519
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
520
- font-size: inherit;
521
- min-height: $outline-multiselect-bigger-inner-input-height;
522
- }
523
- }
524
-
525
- .e-bigger {
526
- .e-multiselect.e-outline .e-multi-select-wrapper,
527
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
528
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
529
- min-height: $outline-multiselect-bigger-height;
530
- padding: $outline-multiselect-bigger-overall-padding;
531
- }
532
- }
533
-
534
- .e-small {
535
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
536
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
537
- min-height: $ddl-outline-multiselect-height;
538
- padding: $outline-multiselect-overall-padding;
539
- }
540
- }
541
- }
542
-
543
- #{if(&, '&', '*')}.e-small {
544
- .e-multiselect.e-outline .e-multi-select-wrapper,
545
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
546
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
547
- min-height: $ddl-outline-multiselect-height;
548
- padding: $outline-multiselect-overall-padding;
549
- }
550
- }
551
- }
552
- }
553
-
554
- .e-small {
555
- .e-bigger {
556
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
557
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
558
- min-height: $ddl-outline-multiselect-height;
559
- padding: $outline-multiselect-overall-padding;
560
- }
561
- }
562
- }
563
-
564
- #{if(&, '&', '*')}.e-bigger {
565
- .e-multiselect.e-outline .e-multi-select-wrapper {
566
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
567
- min-height: $ddl-outline-multiselect-height;
568
- padding: $outline-multiselect-overall-padding;
569
- }
570
- }
571
- }
572
- }
573
-
574
- .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
575
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
576
- .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
577
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
578
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
579
- padding-right: 0;
580
- }
581
- }
582
-
583
- .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
584
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
585
- .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
586
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
587
- .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
588
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
589
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
590
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
591
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
592
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
593
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
594
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
595
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
596
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
597
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
598
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
599
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
600
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
601
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
602
- padding-left: 0;
603
- }
604
- }
605
-
606
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
607
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
608
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
609
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
610
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
611
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
612
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
613
- padding: $outline-rtl-multiselect-overall-padding;
614
- }
615
- }
616
-
617
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
618
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
619
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
620
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
621
- padding: $outline-rtl-multiselect-bigger-overall-padding;
622
- }
623
- }
624
-
625
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
626
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
627
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
628
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
629
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
630
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
631
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
632
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
633
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
634
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
635
- padding-left: 0;
636
- }
637
- }
638
-
639
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
640
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
641
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
642
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
643
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
644
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
645
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
646
- padding-right: 0;
647
- }
648
- }
649
-
650
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
651
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
652
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
653
- height: $outline-multiselect-bigger-height;
654
- }
655
- }
656
-
657
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
658
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
659
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
660
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
661
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
662
- height: $ddl-outline-multiselect-height;
663
- }
664
- }
665
-
666
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
667
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
668
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
669
- font-size: 16px;
670
- line-height: $outline-multiselect-bigger-height;
671
- padding: $outline-multiselect-bigger-delimeter-padding;
672
- }
673
- }
674
-
675
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
676
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
677
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
678
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
679
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
680
- font-size: 14px;
681
- line-height: $ddl-outline-multiselect-height;
682
- padding: $outline-multiselect-delimeter-padding;
683
- }
684
- }
685
-
686
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
687
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
688
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
689
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
690
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
691
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
692
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
693
- padding: $outline-rtl-multiselect-bigger-delimeter-padding;
694
- }
695
- }
696
-
697
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
698
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
699
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
700
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
701
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
702
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
703
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
704
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
705
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
706
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
707
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
708
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
709
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
710
- padding: $outline-rtl-multiselect-delimeter-padding;
711
- }
712
- }
713
-
714
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
715
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
716
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
717
- height: $outline-multiselect-bigger-chip-height;
718
- padding: $outline-multiselect-bigger-chip-padding;
719
- }
720
- }
721
-
722
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
723
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
724
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
725
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
726
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
727
- height: $outline-multiselect-chip-height;
728
- padding: $outline-multiselect-chip-padding;
729
- }
730
- }
731
-
732
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
733
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
734
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
735
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
736
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
737
- font-size: $outline-multiselect-chip-font-size;
738
- }
739
- }
740
-
741
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
742
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
743
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
744
- font-size: $outline-multiselect-bigger-chip-font-size;
745
- }
746
- }
747
-
748
- .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
749
- .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
750
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
751
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
752
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
753
- font-size: 16px;
754
- }
755
- }
756
-
757
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
758
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
759
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
760
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
761
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
762
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
763
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
764
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
765
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
766
- font-size: 14px;
767
- }
768
- }
769
-
770
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
771
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
772
- padding: 3px 12px 0 4px;
773
- }
774
-
775
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
776
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
777
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
778
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
779
- padding: 0;
780
- }
781
-
782
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
783
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
784
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
785
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
786
- padding: 11px 12px 0;
787
- }
788
-
789
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
790
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
791
- padding: 19px 12px 0 16px;
792
- }
793
-
794
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
795
- padding-top: 3px;
796
- }
797
-
798
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
799
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
800
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
801
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
802
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
803
- min-height: $ddl-multiselect-filled-input-min-height;
804
- padding-right: 10px;
805
- }
806
- }
807
-
808
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
809
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
810
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
811
- min-height: $ddl-multiselect-filled-input-min-height-bigger;
812
- }
813
- }
814
-
815
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
816
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
817
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
818
- min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
819
- }
820
- }
821
-
822
- .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
823
- .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
824
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
825
- height: $ddl-multiselect-filled-input-min-height-bigger;
826
- }
827
- }
828
-
829
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
830
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
831
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
832
- height: $ddl-multiselect-filled-float-input-min-height-bigger;
833
- }
834
- }
835
-
836
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
837
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
838
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
839
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
840
- height: $ddl-multiselect-filled-float-input-min-height;
841
- }
842
- }
843
-
844
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
845
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
846
- padding: 5px 0;
847
- }
848
-
849
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
850
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
851
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
852
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
853
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
854
- min-height: $ddl-multiselect-filled-float-input-min-height;
855
- }
856
- }
857
-
858
- .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
859
- .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
860
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
861
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
862
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
863
- font-size: 13px;
864
- line-height: $ddl-multiselect-filled-input-min-height;
865
- }
866
- }
867
-
868
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
869
- .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
870
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
871
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
872
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
873
- font-size: 14px;
874
- line-height: $ddl-multiselect-filled-float-input-min-height;
875
- }
876
- }
877
-
878
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
879
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
880
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
881
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
882
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
883
- font-size: 16px;
884
- line-height: $ddl-multiselect-filled-input-min-height-bigger;
885
- }
886
- }
887
-
888
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
889
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
890
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
891
- line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
892
- }
893
- }
894
-
895
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
896
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
897
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
898
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
899
- height: 28px;
900
- }
901
-
902
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
903
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
904
- height: 24px;
905
- }
906
-
907
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
908
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
909
- height: 32px;
910
- }
911
-
912
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
913
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
914
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
915
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
916
- height: 18px;
917
- }
918
-
919
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
920
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
921
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
922
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
923
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
924
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
925
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
926
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
927
- margin: 8px 8px 0 0;
928
- padding: 0 8px;
929
- }
930
-
931
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
932
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
933
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
934
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
935
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
936
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
937
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
938
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
939
- margin: 8px 0 0 8px;
940
- padding: 0 8px;
941
- }
942
-
943
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
944
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
945
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
946
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
947
- padding-left: 8px;
948
- }
949
-
950
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
951
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
952
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
953
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
954
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
955
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
956
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
957
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
958
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
959
- }
960
- }
961
-
962
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
963
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
964
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
965
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
966
- font-size: 13px;
967
- padding: 0 8px 0 0;
968
- }
969
-
970
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
971
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
972
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
973
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
974
- font-size: 12px;
975
- padding: 0 4px 0 0;
976
- }
977
-
978
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
979
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
980
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
981
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
982
- padding: 0 0 0 4px;
983
- }
984
-
985
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
986
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
987
- font-size: 13px;
988
- }
989
-
990
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
991
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
992
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
993
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
994
- }
995
- }
996
-
997
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
998
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
999
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1000
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1001
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1002
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1003
- padding: 0 12px;
1004
- }
1005
-
1006
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1007
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1008
- padding-right: 8px;
1009
- }
1010
-
1011
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1012
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'FluentUI' {
1013
- font-size: $ddl-bigger-chip-close-font;
1014
- }
1015
- }
1016
-
1017
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1018
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1019
- left: $ddl-chip-close-bigger-left;
1020
- top: $ddl-chip-close-bigger-top;
1021
- }
1022
- font-size: $ddl-bigger-small-chip-close-font;
1023
- }
1024
-
1025
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1026
- height: $ddl-bigger-small-chip-height;
1027
- }
1028
-
1029
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1030
- font-size: $ddl-chip-bigger-small-font-size;
1031
- }
1032
-
1033
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1034
- left: $ddl-chip-close-hooker-small-bigger-left;
1035
- }
1036
-
1037
- .e-bigger .e-multi-select-wrapper .e-chips {
1038
- height: $ddl-chip-mobile-height;
1039
- }
1040
-
1041
- .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
1042
- @if $skin-name == 'bootstrap4' {
1043
- font-size: 10px;
1044
- }
1045
- }
1046
-
1047
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1048
- @if $skin-name == 'bootstrap4' {
1049
- font-size: 12px;
1050
- top: $ddl-bigger-close-top;
1051
- }
1052
- }
1053
-
1054
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
1055
- .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
1056
- @if $skin-name == 'bootstrap4' {
1057
- top: 1px;
1058
- }
1059
- }
1060
-
1061
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1062
- @if $skin-name == 'bootstrap4' {
1063
- top: 4px;
1064
- }
1065
- }
1066
-
1067
- .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1068
- @if $skin-name == 'bootstrap4' {
1069
- top: 5px;
1070
- }
1071
- }
1072
-
1073
- .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1074
- @if $skin-name == 'bootstrap4' {
1075
- top: 11px;
1076
- }
1077
- }
1078
-
1079
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1080
- @if $skin-name == 'bootstrap4' {
1081
- top: 11px;
1082
- }
1083
- }
1084
-
1085
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1086
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1087
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1088
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1089
- @if $ddl-multiselect-skin-name == 'Material3' {
1090
- height: 38px;
1091
- margin-top: -55px;
1092
- right: 12px;
1093
- top: 100%;
1094
- width: 18px;
1095
- }
1096
- }
1097
-
1098
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1099
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1100
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1101
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1102
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1103
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1104
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1105
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1106
- @if $ddl-multiselect-skin-name == 'Material3' {
1107
- right: 48px;
1108
- }
1109
- }
1110
-
1111
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1112
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1113
- @if $ddl-multiselect-skin-name == 'Material3' {
1114
- height: 40px;
1115
- margin-top: -55px;
1116
- right: 6px;
1117
- top: 100%;
1118
- width: 40px;
1119
- }
1120
- }
1121
-
1122
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1123
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1124
- @if $ddl-multiselect-skin-name == 'Material3' {
1125
- right: 60px;
1126
- }
1127
- }
1128
-
1129
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1130
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1131
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1132
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1133
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1134
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1135
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1136
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1137
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1138
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1139
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1140
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1141
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1142
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1143
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1144
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1145
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1146
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1147
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1148
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1149
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1150
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1151
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1152
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1153
- @if $ddl-multiselect-skin-name == 'Material3' {
1154
- left: 48px;
1155
- right: auto;
1156
- }
1157
- }
1158
-
1159
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1160
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1161
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1162
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1163
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1164
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1165
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1166
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1167
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1168
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1169
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1170
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1171
- @if $ddl-multiselect-skin-name == 'Material3' {
1172
- left: 60px;
1173
- right: auto;
1174
- }
1175
- }
1176
-
1177
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1178
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1179
- @if $ddl-multiselect-skin-name == 'Material3' {
1180
- content: '\e208';
1181
- font-size: 20px;
1182
- height: 20px;
1183
- left: 0;
1184
- margin-top: -10px;
1185
- top: 50%;
1186
- }
1187
- }
1188
-
1189
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1190
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1191
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1192
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1193
- @if $ddl-multiselect-skin-name == 'Material3' {
1194
- content: '\e208';
1195
- font-size: 18px;
1196
- height: 18px;
1197
- left: 0;
1198
- margin-top: -9px;
1199
- top: 50%;
1200
- }
1201
- }
1202
-
1203
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1204
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1205
- @if $ddl-multiselect-skin-name == 'Material3' {
1206
- font-size: 16px;
1207
- }
1208
- }
1209
-
1210
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1211
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1212
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1213
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1214
- @if $ddl-multiselect-skin-name == 'Material3' {
1215
- font-size: 14px;
1216
- }
1217
- }
1218
-
1219
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1220
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1221
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1222
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1223
- @if $ddl-multiselect-skin-name == 'Material3' {
1224
- margin: 10px 16px 10px 0;
1225
- }
1226
- }
1227
-
1228
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1229
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1230
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1231
- .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1232
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1233
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1234
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1235
- .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1236
- @if $ddl-multiselect-skin-name == 'Material3' {
1237
- margin: 6px 12px 8px 0;
1238
- }
1239
- }
1240
-
1241
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1242
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1243
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1244
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1245
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1246
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1247
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1248
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1249
- @if $ddl-multiselect-skin-name == 'Material3' {
1250
- margin: 10px 0 10px 16px;
1251
- }
1252
- }
1253
-
1254
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1255
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1256
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1257
- .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1258
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1259
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1260
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1261
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1262
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1263
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1264
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1265
- .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1266
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1267
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1268
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1269
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1270
- @if $ddl-multiselect-skin-name == 'Material3' {
1271
- margin: 6px 0 8px 12px;
1272
- }
1273
- }
1274
-
1275
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1276
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1277
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1278
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1279
- @if $skin-name == 'fluent2' {
1280
- height: 20px;
1281
- margin-top: -33px;
1282
- right: 18px;
1283
- width: 20px;
1284
- }
1285
- }
1286
-
1287
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1288
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1289
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1290
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1291
- @if $skin-name == 'fluent2' {
1292
- height: 20px;
1293
- margin-top: -35px;
1294
- right: 45px;
1295
- width: 20px;
1296
- }
1297
- }
1298
-
1299
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1300
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1301
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1302
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1303
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1304
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1305
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1306
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1307
- @if $skin-name == 'fluent2' {
1308
- margin-top: -32px;
1309
- }
1310
- }
1311
-
1312
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1313
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1314
- @if $skin-name == 'fluent2' {
1315
- height: 24px;
1316
- width: 24px;
1317
- }
1318
- }
1319
-
1320
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1321
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1322
- @if $skin-name == 'fluent2' {
1323
- margin-top: -40px;
1324
- }
1325
- }
1326
-
1327
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1328
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1329
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1330
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1331
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1332
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1333
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1334
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1335
- @if $skin-name == 'fluent2' {
1336
- margin-top: -32px;
1337
- right: 40px;
1338
- }
1339
- }
1340
-
1341
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1342
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1343
- @if $skin-name == 'fluent2' {
1344
- margin-top: -44px;
1345
- }
1346
- }
1347
-
1348
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1349
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1350
- @if $ddl-multiselect-skin-name == 'Material3' {
1351
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1352
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1353
- }
1354
- }
1355
-
1356
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1357
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1358
- @if $skin-name == 'fluent2' {
1359
- height: 16px;
1360
- width: 16px;
1361
- }
1362
- }
1363
-
1364
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1365
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1366
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1367
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1368
- @if $ddl-multiselect-skin-name == 'Material3' {
1369
- font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1370
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1371
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1372
- }
1373
- }
1374
-
1375
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1376
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1377
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1378
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1379
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1380
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1381
- @if $ddl-multiselect-skin-name == 'Material3' {
1382
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1383
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1384
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1385
- }
1386
- }
1387
-
1388
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1389
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1390
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1391
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1392
- @if $skin-name == 'fluent2' {
1393
- content: '\e208';
1394
- font-size: 16px;
1395
- height: 16px;
1396
- padding: 0;
1397
- text-align: center;
1398
- vertical-align: middle;
1399
- width: 16px;
1400
- }
1401
- }
1402
-
1403
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1404
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1405
- @if $skin-name == 'fluent2' {
1406
- font-size: 20px;
1407
- height: 20px;
1408
- width: 20px;
1409
- }
1410
- }
1411
-
1412
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1413
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1414
- @if $ddl-multiselect-skin-name == 'Material3' {
1415
- left: 10px;
1416
- right: auto;
1417
- }
1418
- }
1419
-
1420
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1421
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1422
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1423
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1424
- @if $ddl-multiselect-skin-name == 'Material3' {
1425
- left: 12px;
1426
- right: auto;
1427
- }
1428
- }
1429
-
1430
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1431
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1432
- @if $ddl-multiselect-skin-name == 'Material3' {
1433
- height: 24px;
1434
- margin: 12px -4px 8px -1px;
1435
- padding: 0;
1436
- width: 24px;
1437
- }
1438
- }
1439
-
1440
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1441
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1442
- @if $ddl-multiselect-skin-name == 'Material3' {
1443
- margin: 0;
1444
- }
1445
- }
1446
-
1447
- .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1448
- .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1449
- .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1450
- .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1451
- @if $ddl-multiselect-skin-name == 'Material3' {
1452
- height: 20px;
1453
- margin: 0 0 8px;
1454
- padding: 0;
1455
- width: 20px;
1456
- }
1457
- }
1458
-
1459
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1460
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1461
- @if $ddl-multiselect-skin-name == 'Material3' {
1462
- font-size: 20px;
1463
- height: 20px;
1464
- width: 20px;
1465
- }
1466
- }
1467
-
1468
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1469
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1470
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1471
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1472
- @if $ddl-multiselect-skin-name == 'Material3' {
1473
- font-size: 18px;
1474
- height: 18px;
1475
- width: 18px;
1476
- }
1477
- }
1478
-
1479
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1480
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1481
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1482
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1483
- @if $ddl-multiselect-skin-name == 'Material3' {
1484
- height: 24px;
1485
- margin: 7px -4px 8px -1px;
1486
- padding: 0;
1487
- width: 24px;
1488
- }
1489
- }
1490
-
1491
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1492
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1493
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1494
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1495
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1496
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1497
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1498
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1499
- @if $ddl-multiselect-skin-name == 'Material3' {
1500
- content: '';
1501
- }
1502
- }
1503
-
1504
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1505
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1506
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1507
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1508
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1509
- height: 38px;
1510
- margin-top: -55px;
1511
- right: 12px;
1512
- top: 100%;
1513
- width: 18px;
1514
- }
1515
- }
1516
-
1517
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1518
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1519
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1520
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1521
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1522
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1523
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1524
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1525
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1526
- right: 48px;
1527
- }
1528
- }
1529
-
1530
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1531
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1532
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
1533
- height: 54px;
1534
- margin-top: -55px;
1535
- right: 16px;
1536
- top: 100%;
1537
- width: 20px;
1538
- }
1539
- }
1540
-
1541
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1542
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1543
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1544
- right: 60px;
1545
- }
1546
- }
1547
-
1548
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1549
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1550
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1551
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1552
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1553
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1554
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1555
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1556
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1557
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1558
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1559
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1560
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1561
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1562
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1563
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1564
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1565
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1566
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1567
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1568
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1569
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1570
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1571
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1572
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1573
- left: 48px;
1574
- right: auto;
1575
- }
1576
- }
1577
-
1578
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1579
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1580
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1581
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1582
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1583
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1584
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1585
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1586
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1587
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1588
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1589
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1590
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1591
- left: 60px;
1592
- right: auto;
1593
- }
1594
- }
1595
-
1596
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1597
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1598
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1599
- content: '\e208';
1600
- font-size: 20px;
1601
- height: 20px;
1602
- left: 0;
1603
- margin-top: -10px;
1604
- top: 50%;
1605
- }
1606
- }
1607
-
1608
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1609
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1610
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1611
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1612
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1613
- content: '\e208';
1614
- font-size: 18px;
1615
- height: 18px;
1616
- left: 0;
1617
- margin-top: -9px;
1618
- top: 50%;
1619
- }
1620
- }
1621
-
1622
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1623
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1624
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1625
- font-size: 16px;
1626
- }
1627
- }
1628
-
1629
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1630
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1631
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1632
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1633
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1634
- font-size: 14px;
1635
- }
1636
- }
1637
-
1638
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1639
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1640
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1641
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1642
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1643
- margin: 10px 16px 10px 0;
1644
- }
1645
- }
1646
-
1647
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1648
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1649
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1650
- .e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1651
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1652
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1653
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1654
- .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1655
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1656
- margin: 6px 12px 8px 0;
1657
- }
1658
- }
1659
-
1660
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1661
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1662
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1663
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1664
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1665
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1666
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1667
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1668
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1669
- margin: 10px 0 10px 16px;
1670
- }
1671
- }
1672
-
1673
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1674
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1675
- .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1676
- .e-small.e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1677
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1678
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1679
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1680
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1681
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1682
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1683
- .e-rtl .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1684
- .e-rtl.e-small.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1685
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1686
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1687
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1688
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1689
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1690
- margin: 6px 0 8px 12px;
1691
- }
1692
- }
1693
-
1694
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1695
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1696
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1697
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1698
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1699
- height: 20px;
1700
- margin-top: -33px;
1701
- right: 18px;
1702
- width: 20px;
1703
- }
1704
- }
1705
-
1706
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1707
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1708
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1709
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1710
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1711
- height: 20px;
1712
- margin-top: -35px;
1713
- right: 45px;
1714
- width: 20px;
1715
- }
1716
- }
1717
-
1718
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1719
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1720
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1721
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1722
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1723
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1724
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1725
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1726
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1727
- margin-top: -32px;
1728
- }
1729
- }
1730
-
1731
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1732
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1733
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1734
- height: 24px;
1735
- width: 24px;
1736
- }
1737
- }
1738
-
1739
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1740
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1741
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1742
- margin-top: -40px;
1743
- }
1744
- }
1745
-
1746
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1747
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1748
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1749
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1750
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1751
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1752
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1753
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1754
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1755
- margin-top: -32px;
1756
- right: 40px;
1757
- }
1758
- }
1759
-
1760
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1761
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1762
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1763
- margin-top: -44px;
1764
- }
1765
- }
1766
-
1767
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1768
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1769
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1770
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1771
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1772
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1773
- }
1774
- }
1775
-
1776
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1777
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1778
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1779
- height: 16px;
1780
- width: 16px;
1781
- }
1782
- }
1783
-
1784
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1785
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1786
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1787
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1788
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1789
- font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1790
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1791
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1792
- }
1793
- }
1794
-
1795
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1796
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1797
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1798
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1799
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1800
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1801
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1802
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1803
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1804
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1805
- }
1806
- }
1807
-
1808
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1809
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1810
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1811
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1812
- @if $ddl-multiselect-skin-name == 'material-dark' {
1813
- content: '\e208';
1814
- font-size: 16px;
1815
- height: 16px;
1816
- padding: 0;
1817
- text-align: center;
1818
- vertical-align: middle;
1819
- width: 16px;
1820
- }
1821
- }
1822
-
1823
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1824
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1825
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1826
- font-size: 20px;
1827
- height: 20px;
1828
- width: 20px;
1829
- }
1830
- }
1831
-
1832
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1833
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1834
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1835
- left: 10px;
1836
- right: auto;
1837
- }
1838
- }
1839
-
1840
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1841
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1842
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1843
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1844
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1845
- left: 12px;
1846
- right: auto;
1847
- }
1848
- }
1849
-
1850
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1851
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1852
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1853
- height: 24px;
1854
- margin: 12px -4px 8px -1px;
1855
- padding: 0;
1856
- width: 24px;
1857
- }
1858
- }
1859
-
1860
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1861
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1862
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1863
- margin: 0;
1864
- }
1865
- }
1866
-
1867
- .e-bigger.e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1868
- .e-bigger.e-small .e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1869
- .e-bigger .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1870
- .e-small .e-bigger.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1871
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1872
- height: 20px;
1873
- margin: 0 0 8px;
1874
- padding: 0;
1875
- width: 20px;
1876
- }
1877
- }
1878
-
1879
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1880
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1881
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1882
- font-size: 20px;
1883
- height: 20px;
1884
- width: 20px;
1885
- }
1886
- }
1887
-
1888
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1889
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1890
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1891
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1892
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1893
- font-size: 18px;
1894
- height: 18px;
1895
- width: 18px;
1896
- }
1897
- }
1898
-
1899
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1900
- .e-bigger .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1901
- .e-small.e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1902
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1903
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1904
- height: 24px;
1905
- margin: 7px -4px 8px -1px;
1906
- padding: 0;
1907
- width: 24px;
1908
- }
1909
- }
1910
-
1911
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1912
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1913
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1914
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1915
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1916
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1917
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1918
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1919
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1920
- content: '';
1921
- }
1922
- }
1923
-
1924
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'tailwind' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2'{
1925
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1926
- height: $ddl-chip-hooker-square;
1927
- width: $ddl-chip-hooker-square;
1928
- }
1929
- }
1930
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap' {
1931
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1932
- margin-top: -3.2em;
1933
- }
1934
- }
1935
- @if $skin-name == 'bootstrap4' {
1936
- .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1937
- .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1938
- font-size: 14px;
1939
- }
1940
- .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1941
- .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1942
- font-size: 12px;
1943
- }
1944
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1945
- font-size: 14px;
1946
- }
1947
-
1948
- .e-bigger .e-multi-select-wrapper .e-chips-close {
1949
- height: $ddl-bigger-chip-close-square;
1950
- width: $ddl-bigger-chip-close-width;
1951
- }
1952
- .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1953
- display: flex;
1954
- }
1955
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1956
- margin: 2px 4px 2px 0;
1957
- }
1958
- .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1959
- height: $multiselect-closer-bigger-height;
1960
- margin-top: $multiselect-closer--bigger-margin-top;
1961
- right: $multiselect-closer-bigger-width;
1962
- }
1963
-
1964
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1965
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1966
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1967
- right: $multiselect-dropicon-closer-bigger-width;
1968
- }
1969
-
1970
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
1971
- height: $multiselect-closer-bigger-height;
1972
- margin-top: $ddl-closer-margin-top-bigger;
1973
- }
1974
- }
1975
- @if $skin-name == 'fabric-dark' or $skin-name == 'fabric'{
1976
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1977
- padding: 0;
1978
- }
1979
-
1980
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1981
- padding: 0 8px;
1982
- }
1983
- }
1984
- @if $skin-name == 'FluentUI' {
1985
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1986
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1987
- margin-top: -1.6em;
1988
- }
1989
- }
1990
- @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
1991
- #{&}.e-popup {
1992
- #{if(&, '&', '*')}.e-multi-select-list-wrapper {
1993
- #{if(&, '&', '*')}.e-ddl,
1994
- .e-bigger #{if(&, '&', '*')}.e-ddl {
1995
- #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
1996
- padding-left: 0;
1997
- }
1998
- }
1999
- }
2000
- }
2001
- }
2002
- }