@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

package/styles/drop-down-base/material3-dark.css

@@ -8,32 +8,6 @@
   padding: 0 12px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
-}
-
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -133,14 +107,6 @@
   padding-left: 2em;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -170,14 +136,6 @@
   padding-left: 16px;
   padding-right: 0;
 }
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
 .e-dropdownbase {
   border-color: #e0e0e0;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
@@ -240,11 +198,6 @@
   background: rgba(var(--color-sf-on-surface), 0.04);
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 16px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -325,33 +278,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: rgba(var(--color-sf-on-surface));
-  line-height: 36px;
-  min-height: 36px;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 36px;
-  min-height: 36px;
-  padding-left: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 13px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -383,4 +309,78 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 13px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: rgba(var(--color-sf-on-surface));
+  line-height: 36px;
+  min-height: 36px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 36px;
+  min-height: 36px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
 }

package/styles/drop-down-base/material3-dark.scss

@@ -2,3 +2,4 @@
 
 @import 'material3-dark-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/drop-down-base/material3.css

@@ -10,32 +10,6 @@
   padding: 0 12px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
-}
-
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -135,14 +109,6 @@
   padding-left: 2em;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -172,14 +138,6 @@
   padding-left: 16px;
   padding-right: 0;
 }
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
 .e-dropdownbase {
   border-color: #e0e0e0;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
@@ -242,11 +200,6 @@
   background: rgba(var(--color-sf-on-surface), 0.04);
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 16px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -327,33 +280,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: rgba(var(--color-sf-on-surface));
-  line-height: 36px;
-  min-height: 36px;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 36px;
-  min-height: 36px;
-  padding-left: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 13px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
@@ -385,4 +311,78 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 13px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: rgba(var(--color-sf-on-surface));
+  line-height: 36px;
+  min-height: 36px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 36px;
+  min-height: 36px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
 }

package/styles/drop-down-base/material3.scss

@@ -2,3 +2,4 @@
 
 @import 'material3-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/drop-down-base/tailwind-dark.css

@@ -16,57 +16,14 @@
   font-size: 10px;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item,
-.e-bigger .e-fixed-head,
-.e-bigger.e-dropdownbase .e-list-group-item,
-.e-bigger.e-fixed-head {
-  font-size: 14px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item,
-.e-bigger.e-small .e-fixed-head,
-.e-bigger.e-small.e-dropdownbase .e-list-group-item,
-.e-bigger.e-small.e-fixed-head {
-  font-size: 12px;
-}
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
-}
-
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 4px 0 0;
 }
 
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 36px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 36px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -153,21 +110,11 @@
   white-space: pre-wrap;
 }
 
-.e-bigger.e-ddl .e-dropdownbase.e-nodata,
-.e-bigger .e-ddl .e-dropdownbase.e-nodata {
-  font-size: 16px;
-}
-
 .e-small.e-ddl .e-dropdownbase.e-nodata,
 .e-small .e-ddl .e-dropdownbase.e-nodata {
   font-size: 12px;
 }
 
-.e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
-.e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
-  font-size: 14px;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 12px;
 }
@@ -182,16 +129,6 @@
   text-indent: 0;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 16px;
-  text-indent: 0;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 14px;
-  text-indent: 0;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -242,46 +179,6 @@
   padding-right: 8px;
 }
 
-.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
-.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
-.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
-.e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
-.e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
-  padding-right: 16px;
-}
-.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
-.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
-.e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-right: 16px;
-}
-
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
-.e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
-  padding-right: 14px;
-}
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
-  padding-right: 14px;
-}
-
 .e-dropdownbase {
   border-color: #4b5563;
 }
@@ -336,11 +233,6 @@
   background-color: #4b5563;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 16px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -420,33 +312,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: #fff;
-  line-height: 32px;
-  min-height: 32px;
-  text-indent: 14px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 32px;
-  min-height: 32px;
-  padding-left: 14px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 12px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #374151;
   border-bottom: 0;
@@ -480,4 +345,139 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: #4b5563;
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 36px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 36px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 16px;
+}
+
+.e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
+.e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
+  font-size: 14px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 16px;
+  text-indent: 0;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 14px;
+  text-indent: 0;
+}
+
+.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
+  padding-right: 16px;
+}
+.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 16px;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 14px;
+}
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
+  padding-right: 14px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 12px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: #fff;
+  line-height: 32px;
+  min-height: 32px;
+  text-indent: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 32px;
+  min-height: 32px;
+  padding-left: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-fixed-head,
+.e-bigger.e-dropdownbase .e-list-group-item,
+.e-bigger.e-fixed-head {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-fixed-head,
+.e-bigger.e-small.e-dropdownbase .e-list-group-item,
+.e-bigger.e-small.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
 }

package/styles/drop-down-base/tailwind-dark.scss

@@ -1,3 +1,4 @@
 @import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';