@syncfusion/ej2-splitbuttons 26.2.5 → 27.1.48

package/styles/drop-down-button/fluent-dark.css

@@ -57,25 +57,6 @@
   line-height: 1;
   padding: 6px 12px;
 }
-.e-bigger .e-dropdown-btn .e-btn-icon,
-.e-bigger.e-dropdown-btn .e-btn-icon {
-  font-size: 16px;
-}
-.e-bigger .e-dropdown-btn .e-caret,
-.e-bigger.e-dropdown-btn .e-caret {
-  font-size: 20px;
-}
-.e-bigger .e-dropdown-btn.e-vertical,
-.e-bigger.e-dropdown-btn.e-vertical {
-  line-height: 1;
-  padding: 8px 16px;
-}
-.e-bigger .e-dropdown-btn.e-small.e-vertical,
-.e-bigger.e-dropdown-btn.e-small.e-vertical {
-  line-height: 1;
-  padding: 8px 16px;
-}
-
 .e-dropdown-popup {
   position: absolute;
 }
@@ -162,36 +143,6 @@
   margin-right: 0;
 }
 
-*.e-bigger .e-dropdown-popup ul,
-*.e-bigger.e-dropdown-popup ul {
-  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-  font-size: 16px;
-  max-width: 202px;
-  min-width: 112px;
-  padding: 0 0;
-}
-*.e-bigger .e-dropdown-popup ul .e-item,
-*.e-bigger.e-dropdown-popup ul .e-item {
-  height: 40px;
-  line-height: 40px;
-  padding: 0 16px;
-}
-*.e-bigger .e-dropdown-popup ul .e-item.e-url,
-*.e-bigger.e-dropdown-popup ul .e-item.e-url {
-  padding: 0;
-}
-*.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
-*.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
-  font-size: 22px;
-  line-height: 40px;
-}
-*.e-bigger .e-dropdown-popup ul .e-item.e-separator,
-*.e-bigger.e-dropdown-popup ul .e-item.e-separator {
-  height: auto;
-  line-height: normal;
-}
-
 .e-dropdown-popup {
   background: #252423;
   color: #fff;
@@ -242,4 +193,53 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: inherit;
+}
+
+.e-bigger .e-dropdown-btn .e-btn-icon,
+.e-bigger.e-dropdown-btn .e-btn-icon {
+  font-size: 16px;
+}
+.e-bigger .e-dropdown-btn .e-caret,
+.e-bigger.e-dropdown-btn .e-caret {
+  font-size: 20px;
+}
+.e-bigger .e-dropdown-btn.e-vertical,
+.e-bigger.e-dropdown-btn.e-vertical {
+  line-height: 1;
+  padding: 8px 16px;
+}
+.e-bigger .e-dropdown-btn.e-small.e-vertical,
+.e-bigger.e-dropdown-btn.e-small.e-vertical {
+  line-height: 1;
+  padding: 8px 16px;
+}
+
+*.e-bigger .e-dropdown-popup ul,
+*.e-bigger.e-dropdown-popup ul {
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  font-size: 16px;
+  max-width: 202px;
+  min-width: 112px;
+  padding: 0 0;
+}
+*.e-bigger .e-dropdown-popup ul .e-item,
+*.e-bigger.e-dropdown-popup ul .e-item {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 16px;
+}
+*.e-bigger .e-dropdown-popup ul .e-item.e-url,
+*.e-bigger.e-dropdown-popup ul .e-item.e-url {
+  padding: 0;
+}
+*.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
+*.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 22px;
+  line-height: 40px;
+}
+*.e-bigger .e-dropdown-popup ul .e-item.e-separator,
+*.e-bigger.e-dropdown-popup ul .e-item.e-separator {
+  height: auto;
+  line-height: normal;
 }

package/styles/drop-down-button/fluent-dark.scss

@@ -4,3 +4,4 @@
 @import 'fluent-dark-definition.scss';
 @import 'icons/fluent-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/drop-down-button/fluent.css

@@ -57,25 +57,6 @@
   line-height: 1;
   padding: 6px 12px;
 }
-.e-bigger .e-dropdown-btn .e-btn-icon,
-.e-bigger.e-dropdown-btn .e-btn-icon {
-  font-size: 16px;
-}
-.e-bigger .e-dropdown-btn .e-caret,
-.e-bigger.e-dropdown-btn .e-caret {
-  font-size: 20px;
-}
-.e-bigger .e-dropdown-btn.e-vertical,
-.e-bigger.e-dropdown-btn.e-vertical {
-  line-height: 1;
-  padding: 8px 16px;
-}
-.e-bigger .e-dropdown-btn.e-small.e-vertical,
-.e-bigger.e-dropdown-btn.e-small.e-vertical {
-  line-height: 1;
-  padding: 8px 16px;
-}
-
 .e-dropdown-popup {
   position: absolute;
 }
@@ -162,36 +143,6 @@
   margin-right: 0;
 }
 
-*.e-bigger .e-dropdown-popup ul,
-*.e-bigger.e-dropdown-popup ul {
-  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
-  font-size: 16px;
-  max-width: 202px;
-  min-width: 112px;
-  padding: 0 0;
-}
-*.e-bigger .e-dropdown-popup ul .e-item,
-*.e-bigger.e-dropdown-popup ul .e-item {
-  height: 40px;
-  line-height: 40px;
-  padding: 0 16px;
-}
-*.e-bigger .e-dropdown-popup ul .e-item.e-url,
-*.e-bigger.e-dropdown-popup ul .e-item.e-url {
-  padding: 0;
-}
-*.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
-*.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
-  font-size: 22px;
-  line-height: 40px;
-}
-*.e-bigger .e-dropdown-popup ul .e-item.e-separator,
-*.e-bigger.e-dropdown-popup ul .e-item.e-separator {
-  height: auto;
-  line-height: normal;
-}
-
 .e-dropdown-popup {
   background: #fff;
   color: #323130;
@@ -242,4 +193,53 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: inherit;
+}
+
+.e-bigger .e-dropdown-btn .e-btn-icon,
+.e-bigger.e-dropdown-btn .e-btn-icon {
+  font-size: 16px;
+}
+.e-bigger .e-dropdown-btn .e-caret,
+.e-bigger.e-dropdown-btn .e-caret {
+  font-size: 20px;
+}
+.e-bigger .e-dropdown-btn.e-vertical,
+.e-bigger.e-dropdown-btn.e-vertical {
+  line-height: 1;
+  padding: 8px 16px;
+}
+.e-bigger .e-dropdown-btn.e-small.e-vertical,
+.e-bigger.e-dropdown-btn.e-small.e-vertical {
+  line-height: 1;
+  padding: 8px 16px;
+}
+
+*.e-bigger .e-dropdown-popup ul,
+*.e-bigger.e-dropdown-popup ul {
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  font-size: 16px;
+  max-width: 202px;
+  min-width: 112px;
+  padding: 0 0;
+}
+*.e-bigger .e-dropdown-popup ul .e-item,
+*.e-bigger.e-dropdown-popup ul .e-item {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 16px;
+}
+*.e-bigger .e-dropdown-popup ul .e-item.e-url,
+*.e-bigger.e-dropdown-popup ul .e-item.e-url {
+  padding: 0;
+}
+*.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
+*.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 22px;
+  line-height: 40px;
+}
+*.e-bigger .e-dropdown-popup ul .e-item.e-separator,
+*.e-bigger.e-dropdown-popup ul .e-item.e-separator {
+  height: auto;
+  line-height: normal;
 }

package/styles/drop-down-button/fluent.scss

@@ -4,3 +4,4 @@
 @import 'fluent-definition.scss';
 @import 'icons/fluent.scss';
 @import 'all.scss';
+@import 'bigger.scss';