@syncfusion/ej2-angular-splitbuttons 23.1.43 → 23.2.4-ngcc

package/styles/split-button/_bootstrap4-definition.scss

@@ -1,26 +0,0 @@
-//default
-$split-btn-zindex: 2;
-$split-btn-border-radius: 4px;
-$split-btn-focus-border-color: $gray-600;
-$split-btn-focus-vertical-border-color: $gray-600;
-$split-btn-focus-outline-offset: 0;
-$split-btn-vertical-secondary-icon-line-height: .334em;
-$split-btn-seperator-border: 1px solid;
-$split-btn-seperator-border-color: $gray-600;
-$split-btn-seperator-default-border-color: $gray-600;
-$split-btn-seperator-vertical-border-color: $gray-600;
-$split-btn-hover-border-color: darken($gray-600, 10%);
-$split-btn-hover-vertical-border-color: darken($gray-600, 10%);
-$split-btn-active-border-color: darken($gray-600, 12.5%);
-$split-btn-active-vertical-border-color: darken($gray-600, 12.5%);
-$split-btn-disabled-vertical-border-color: rgba($gray-600, .65);
-$split-btn-active-box-shadow: $btn-active-box-shadow;
-$split-btn-disabled-left-border-color: rgba($gray-600, .65);
-$split-btn-hover-left-border-color: darken($gray-600, 10%);
-$split-btn-focus-left-border-color: $gray-600;
-$split-btn-active-left-border-color: $gray-600;
-$split-btn-sec-btn-margin-left: -1px;
-$split-btn-icon-btn-padding: 8px;
-$split-btn-icon-btn-padding-bigger: 12px;
-
-//enddefault

package/styles/split-button/_bootstrap5-dark-definition.scss

@@ -1 +0,0 @@
-@import './bootstrap5-definition.scss';

package/styles/split-button/_bootstrap5-definition.scss

@@ -1,24 +0,0 @@
-//layout variables
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 4px !default;
-$split-btn-focus-outline-offset: 0 !default;
-$split-btn-vertical-secondary-icon-line-height: .334em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 10px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;
-$split-btn-focus-border-color: $secondary-border-color !default;
-$split-btn-focus-vertical-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color: $secondary-border-color !default;
-$split-btn-seperator-default-border-color: $secondary-border-color !default;
-$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
-$split-btn-hover-border-color: $secondary-border-color !default;
-$split-btn-hover-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-border-color: $secondary-bg-color-pressed !default;
-$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
-$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-box-shadow: $secondary-shadow-focus !default;
-$split-btn-disabled-left-border-color: $secondary-border-color !default;
-$split-btn-hover-left-border-color: $secondary-border-color !default;
-$split-btn-focus-left-border-color: $secondary-border-color !default;
-$split-btn-active-left-border-color: $secondary-border-color !default;

package/styles/split-button/_fabric-dark-definition.scss

@@ -1,26 +0,0 @@
-//default
-$split-btn-zindex: 2;
-$split-btn-border-radius: 0;
-$split-btn-focus-border-color: $neutral-tertiary-alt;
-$split-btn-focus-vertical-border-color: transparent;
-$split-btn-focus-outline-offset: -4px;
-$split-btn-vertical-secondary-icon-line-height: .213em;
-$split-btn-seperator-border: 1px solid;
-$split-btn-seperator-border-color: transparent;
-$split-btn-seperator-default-border-color: transparent;
-$split-btn-seperator-vertical-border-color: transparent;
-$split-btn-hover-border-color: $neutral-tertiary-alt;
-$split-btn-hover-vertical-border-color: $neutral-light;
-$split-btn-active-border-color: $neutral-tertiary-alt;
-$split-btn-active-vertical-border-color: $neutral-tertiary-alt;
-$split-btn-disabled-vertical-border-color: transparent;
-$split-btn-active-box-shadow: none;
-$split-btn-disabled-left-border-color: transparent;
-$split-btn-hover-left-border-color: transparent;
-$split-btn-focus-left-border-color: transparent;
-$split-btn-active-left-border-color: transparent;
-$split-btn-sec-btn-margin-left: 0;
-$split-btn-icon-btn-padding: 8px;
-$split-btn-icon-btn-padding-bigger: 11px;
-
-//enddefault

package/styles/split-button/_fabric-definition.scss

@@ -1,23 +0,0 @@
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 0 !default;
-$split-btn-focus-border-color: $neutral-tertiary-alt !default;
-$split-btn-focus-vertical-border-color: transparent !default;
-$split-btn-focus-outline-offset: -4px !default;
-$split-btn-vertical-secondary-icon-line-height: .213em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-seperator-border-color: transparent !default;
-$split-btn-seperator-default-border-color: transparent !default;
-$split-btn-seperator-vertical-border-color: transparent !default;
-$split-btn-hover-border-color: $neutral-tertiary-alt !default;
-$split-btn-hover-vertical-border-color: $neutral-light !default;
-$split-btn-active-border-color: $neutral-tertiary-alt !default;
-$split-btn-active-vertical-border-color: $neutral-tertiary-alt !default;
-$split-btn-disabled-vertical-border-color: transparent !default;
-$split-btn-active-box-shadow: none !default;
-$split-btn-disabled-left-border-color: transparent !default;
-$split-btn-hover-left-border-color: transparent !default;
-$split-btn-focus-left-border-color: transparent !default;
-$split-btn-active-left-border-color: transparent !default;
-$split-btn-sec-btn-margin-left: 0 !default;
-$split-btn-icon-btn-padding: 8px !default;
-$split-btn-icon-btn-padding-bigger: 11px !default;

package/styles/split-button/_fluent-dark-definition.scss

@@ -1 +0,0 @@
-@import './fluent-definition.scss';

package/styles/split-button/_fluent-definition.scss

@@ -1,24 +0,0 @@
-//layout variables
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 0 !default;
-$split-btn-focus-outline-offset: -3px !default;
-$split-btn-vertical-secondary-icon-line-height: .334em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 8px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;
-$split-btn-focus-border-color: $secondary-border-color !default;
-$split-btn-focus-vertical-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color: $secondary-border-color !default;
-$split-btn-seperator-default-border-color: $secondary-border-color !default;
-$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
-$split-btn-hover-border-color: $secondary-border-color !default;
-$split-btn-hover-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-border-color: $secondary-bg-color-pressed !default;
-$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
-$split-btn-disabled-vertical-border-color: $secondary-border-color-disabled !default;
-$split-btn-active-box-shadow: $shadow-none !default;
-$split-btn-disabled-left-border-color: $secondary-border-color !default;
-$split-btn-hover-left-border-color: $secondary-border-color !default;
-$split-btn-focus-left-border-color: $secondary-border-color !default;
-$split-btn-active-left-border-color: $secondary-border-color !default;

package/styles/split-button/_fusionnew-definition.scss

@@ -1,24 +0,0 @@
-//layout variables
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 4px !default;
-$split-btn-focus-outline-offset: 0 !default;
-$split-btn-vertical-secondary-icon-line-height: .334em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 10px !default;
-$split-btn-icon-btn-padding-bigger: 12px !default;
-$split-btn-focus-border-color: $secondary-border-color !default;
-$split-btn-focus-vertical-border-color: $secondary-border-color !default;
-$split-btn-seperator-border-color: $secondary-border-color !default;
-$split-btn-seperator-default-border-color: $secondary-border-color !default;
-$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
-$split-btn-hover-border-color: $secondary-border-color !default;
-$split-btn-hover-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-border-color: $secondary-bg-color-pressed !default;
-$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
-$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
-$split-btn-active-box-shadow: $secondary-shadow-focus !default;
-$split-btn-disabled-left-border-color: $secondary-border-color !default;
-$split-btn-hover-left-border-color: $secondary-border-color !default;
-$split-btn-focus-left-border-color: $secondary-border-color !default;
-$split-btn-active-left-border-color: $secondary-border-color !default;

package/styles/split-button/_highcontrast-definition.scss

@@ -1,23 +0,0 @@
-$split-btn-zindex: 2 !default;
-$split-btn-border-radius: 0 !default;
-$split-btn-focus-border-color: $border-fg !default;
-$split-btn-focus-vertical-border-color: $border-fg !default;
-$split-btn-focus-outline-offset: -4px !default;
-$split-btn-vertical-secondary-icon-line-height: .213em !default;
-$split-btn-seperator-border: 1px solid !default;
-$split-btn-seperator-border-color: $border-fg !default;
-$split-btn-seperator-default-border-color: $border-fg !default;
-$split-btn-seperator-vertical-border-color: $border-fg !default;
-$split-btn-hover-border-color: $border-fg !default;
-$split-btn-hover-vertical-border-color: $hover-border !default;
-$split-btn-active-border-color: $selection-bg !default;
-$split-btn-active-vertical-border-color: $selection-bg !default;
-$split-btn-disabled-vertical-border-color: $disable !default;
-$split-btn-active-box-shadow: none !default;
-$split-btn-disabled-left-border-color: $disable !default;
-$split-btn-hover-left-border-color: $border-fg !default;
-$split-btn-focus-left-border-color: $border-fg !default;
-$split-btn-active-left-border-color: $selection-bg !default;
-$split-btn-sec-btn-margin-left: -1px !default;
-$split-btn-icon-btn-padding: 8px !default;
-$split-btn-icon-btn-padding-bigger: 11px !default;

package/styles/split-button/_highcontrast-light-definition.scss

@@ -1,26 +0,0 @@
-//default
-$split-btn-zindex: 2;
-$split-btn-border-radius: 0;
-$split-btn-focus-border-color: $border-fg;
-$split-btn-focus-vertical-border-color: $border-fg;
-$split-btn-focus-outline-offset: -4px;
-$split-btn-vertical-secondary-icon-line-height: .213em;
-$split-btn-seperator-border: 1px solid;
-$split-btn-seperator-border-color: $border-fg;
-$split-btn-seperator-default-border-color: $border-fg;
-$split-btn-seperator-vertical-border-color: $border-fg;
-$split-btn-hover-border-color: $border-fg;
-$split-btn-hover-vertical-border-color: $hover-border;
-$split-btn-active-border-color: $selection-bg;
-$split-btn-active-vertical-border-color: $selection-bg;
-$split-btn-disabled-vertical-border-color: $disable;
-$split-btn-active-box-shadow: none;
-$split-btn-disabled-left-border-color: $disable;
-$split-btn-hover-left-border-color: $border-fg;
-$split-btn-focus-left-border-color: $border-fg;
-$split-btn-active-left-border-color: $selection-bg;
-$split-btn-sec-btn-margin-left: -1px;
-$split-btn-icon-btn-padding: 8px;
-$split-btn-icon-btn-padding-bigger: 11px;
-
-//enddefault

package/styles/split-button/_layout.scss

@@ -1,484 +0,0 @@
-@include export-module('split-button-layout') {
-
-  /*! splitbutton layout */
-  .e-split-btn-wrapper {
-    display: inline-flex;
-    white-space: nowrap;
-    width: min-content;
-    @if $skin-name == 'Material3' {
-      border-radius: 4px;
-      box-shadow: $btn-box-shadow;
-    }
-
-    .e-split-btn {
-      border-bottom-right-radius: 0;
-      border-top-right-radius: 0;
-      text-transform: none;
-      z-index: 1;
-      @if $skin-name == 'bootstrap4' {
-        padding-left: $split-btn-icon-btn-padding;
-        padding-right: $split-btn-icon-btn-padding;
-      }
-      @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-        padding-left: 12px;
-        padding-right: 12px;
-      }
-      @else if $skin-name == 'FluentUI' {
-        padding: 3px 7px;
-      }
-      @if $skin-name == 'Material3' {
-        box-shadow: none;
-      }
-      @else {
-        padding-left: 10px;
-        padding-right: 10px;
-      }
-
-      &:focus {
-        outline-offset: $split-btn-focus-outline-offset;
-      }
-
-      &:hover {
-        @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' {
-          box-shadow: none;
-        }
-      }
-
-      &:focus {
-        @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-          box-shadow: $split-btn-active-box-shadow;
-          z-index: $split-btn-zindex;
-        }
-        @else {
-          box-shadow: none;
-        }
-      }
-
-      &:focus-visible { // only for keybord
-        @if $skin-name == 'Material3' {
-          box-shadow: $btn-keyboard-focus-box-shadow;
-        }
-      }
-
-      &:active {
-        box-shadow: $split-btn-active-box-shadow;
-        z-index: $split-btn-zindex;
-      }
-
-      &.e-top-icon-btn {
-        padding-bottom: 10px;
-        padding-top: 10px;
-      }
-
-      .e-btn-icon {
-        font-size: $drop-down-btn-icon-font-size;
-        margin-left: 0;
-        @if $skin-name == 'FluentUI' {
-          padding-right: 4px;
-        }
-        @else {
-          padding-right: 8px;
-        }
-        width: auto;
-        @if $skin-name == 'Material3' {
-          border-radius: $btn-border-radius;
-        }
-      }
-
-      .e-icon-top {
-        padding-bottom: 4px;
-        padding-right: 0;
-      }
-
-      &.e-icon-btn {
-        padding-left: $split-btn-icon-btn-padding;
-        padding-right: $split-btn-icon-btn-padding;
-
-        .e-btn-icon {
-          padding-right: 0;
-        }
-      }
-    }
-
-    .e-dropdown-btn {
-      border-bottom-left-radius: 0;
-      border-top-left-radius: 0;
-      margin-left: $split-btn-sec-btn-margin-left;
-      @if $skin-name == 'Material3' {
-        box-shadow: none;
-      }
-      @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
-        padding-left: $split-btn-icon-btn-padding;
-        padding-right: $split-btn-icon-btn-padding;
-      }
-      @else if $skin-name == 'FluentUI' {
-        padding: 4px;
-      }
-      @else {
-        padding-left: 4px;
-        padding-right: 4px;
-      }
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-        z-index: 1;
-      }
-
-      &:focus,
-      &:hover {
-        @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' and $theme-name != 'Material3' {
-          box-shadow: none;
-        }
-      }
-
-      &:active {
-        box-shadow: $split-btn-active-box-shadow;
-        z-index: $split-btn-zindex;
-      }
-
-      &:disabled {
-        &:focus,
-        &:hover,
-        &:active {
-          z-index: 0;
-        }
-      }
-
-      &:focus {
-        outline-offset: $split-btn-focus-outline-offset;
-      }
-    }
-
-    .e-btn {
-      @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' and $theme-name != 'Material3' {
-        box-shadow: none;
-      }
-
-      &:hover {
-        @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' and $skin-name != 'FluentUI' and $theme-name != 'FluentUI' {
-          box-shadow: none;
-        }
-      }
-
-      &:focus {
-        @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-          box-shadow: $split-btn-active-box-shadow;
-          z-index: $split-btn-zindex;
-        }
-        @else {
-          box-shadow: none;
-        }
-      }
-
-      &:focus-visible { // only for keybord
-        @if $skin-name == 'Material3' {
-          box-shadow: $btn-keyboard-focus-box-shadow;
-        }
-      }
-
-      &:active {
-        box-shadow: $split-btn-active-box-shadow;
-        @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-          z-index: $split-btn-zindex;
-        }
-      }
-
-      &:disabled {
-        box-shadow: none;
-        @if $skin-name == 'FluentUI' or $theme-name == 'FluentUI' {
-          outline: 0;
-          outline-offset: 0;
-        }
-      }
-
-      &.e-inherit {
-        &:focus,
-        &:active {
-          box-shadow: none;
-        }
-      }
-    }
-
-    &.e-rtl {
-      .e-split-btn {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: $split-btn-border-radius;
-        border-top-left-radius: 0;
-        border-top-right-radius: $split-btn-border-radius;
-        margin-left: $split-btn-sec-btn-margin-left;
-        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
-          padding-left: $split-btn-icon-btn-padding;
-          padding-right: $split-btn-icon-btn-padding;
-        }
-        @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          padding-left: 12px;
-          padding-right: 12px;
-        }
-        @if $skin-name == 'Material3' {
-          border-radius: 4px;
-        }
-        @else {
-          padding-left: 4px;
-          padding-right: 10px;
-        }
-
-        .e-btn-icon {
-          margin-right: 0;
-          @if $skin-name == 'FluentUI' {
-            padding-left: 4px;
-          }
-          @else {
-            padding-left: 8px;
-          }
-          padding-right: 0;
-          @if $skin-name == 'Material3' {
-            border-radius: $btn-border-radius;
-          }
-        }
-
-        .e-icon-top {
-          padding-left: 0;
-        }
-
-        &.e-icon-btn {
-          padding-left: $split-btn-icon-btn-padding;
-          padding-right: $split-btn-icon-btn-padding;
-
-          .e-btn-icon {
-            padding-left: 0;
-          }
-        }
-      }
-
-      .e-dropdown-btn {
-        border-bottom-left-radius: $split-btn-border-radius;
-        border-bottom-right-radius: 0;
-        border-top-left-radius: $split-btn-border-radius;
-        border-top-right-radius: 0;
-        margin-left: 0;
-        @if $skin-name == 'Material3' {
-          border-radius: 4px;
-          box-shadow: none;
-        }
-        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          z-index: 1;
-        }
-      }
-    }
-
-    &.e-vertical {
-      display: inline-block;
-
-      .e-split-btn,
-      .e-dropdown-btn {
-        display: block;
-        width: 100%;
-      }
-
-      .e-split-btn {
-        border-bottom-left-radius: 0;
-        border-top-right-radius: $split-btn-border-radius;
-        line-height: 1;
-        @if $skin-name == 'bootstrap4'or $skin-name == 'tailwind' {
-          padding-bottom: $split-btn-icon-btn-padding;
-          padding-right: $split-btn-icon-btn-padding;
-        }
-        @if $skin-name == 'Material3' {
-          border-radius: 4px;
-          box-shadow: none;
-        }
-        @else {
-          padding-bottom: 4px;
-          padding-right: 10px;
-        }
-
-        .e-icon-top {
-          padding-bottom: 4px;
-        }
-      }
-
-      .e-dropdown-btn {
-        border-bottom-left-radius: $split-btn-border-radius;
-        border-top-right-radius: 0;
-        line-height: $split-btn-vertical-secondary-icon-line-height;
-        margin-left: 0;
-        margin-top: $split-btn-sec-btn-margin-left;
-        @if $skin-name == 'bootstrap4' {
-          padding-bottom: $split-btn-icon-btn-padding;
-          padding-top: $split-btn-icon-btn-padding;
-        }
-        @if $skin-name == 'Material3' {
-          border-radius: 4px;
-          box-shadow: none;
-        }
-        @else {
-          padding-bottom: 4px;
-          padding-top: 4px;
-        }
-
-        .e-icon-bottom {
-          padding-top: 0;
-        }
-      }
-
-      &.e-rtl {
-        .e-split-btn {
-          border-bottom-right-radius: 0;
-          border-top-left-radius: $split-btn-border-radius;
-          margin-left: 0;
-        }
-
-        .e-dropdown-btn {
-          border-bottom-right-radius: $split-btn-border-radius;
-          border-top-left-radius: 0;
-        }
-      }
-    }
-  }
-
-  .e-bigger .e-split-btn-wrapper,
-  .e-bigger.e-split-btn-wrapper {
-    @if $skin-name == 'Material3' {
-      border-radius: 4px;
-      box-shadow: $btn-box-shadow;
-    }
-    .e-split-btn {
-      @if $skin-name == 'Material3' {
-        border-radius: 4px;
-        box-shadow: none;
-      }
-      @if $skin-name == 'bootstrap4'or $skin-name == 'FluentUI' {
-        padding-left: $split-btn-icon-btn-padding-bigger;
-        padding-right: $split-btn-icon-btn-padding-bigger;
-      }
-      @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-        padding-left: 16px;
-        padding-right: 16px;
-      }
-      @else {
-        padding-left: 12px;
-        padding-right: 6px;
-      }
-
-      &.e-top-icon-btn {
-        padding-bottom: 12px;
-        padding-top: 12px;
-      }
-
-      .e-btn-icon {
-        font-size: $drop-down-btn-icon-font-size-bigger;
-        margin-left: 0;
-        @if $skin-name == 'FluentUI' {
-          padding-right: 8px;
-        }
-        @else {
-          padding-right: 10px;
-        }
-        width: auto;
-        @if $skin-name == 'Material3' {
-          border-radius: 4px;
-        }
-      }
-
-      .e-icon-top {
-        padding-bottom: 6px;
-        padding-right: 0;
-      }
-
-      &.e-icon-btn {
-        padding-left: $split-btn-icon-btn-padding-bigger;
-        padding-right: $split-btn-icon-btn-padding-bigger;
-
-        .e-btn-icon {
-          padding-right: 0;
-        }
-      }
-    }
-
-    .e-dropdown-btn {
-      @if $skin-name == 'bootstrap4' {
-        padding-left: 10px;
-        padding-right: 10px;
-      }
-      @else {
-        padding-left: 4px;
-        padding-right: 4px;
-      }
-      @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-        z-index: 1;
-      }
-    }
-
-    &.e-rtl {
-      .e-split-btn {
-        @if $skin-name == 'bootstrap4' {
-          padding-left: $split-btn-icon-btn-padding-bigger;
-          padding-right: $split-btn-icon-btn-padding-bigger;
-        }
-        @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          padding-left: 12px;
-          padding-right: 12px;
-        }
-        @else {
-          padding-left: 6px;
-          padding-right: 12px;
-        }
-
-        .e-btn-icon {
-          @if $skin-name == 'FluentUI' {
-            padding-left: 8px;
-          }
-          @else {
-            padding-left: 10px;
-          }
-          padding-right: 0;
-          @if $skin-name == 'Material3' {
-            border-radius: 4px;
-          }
-        }
-
-        .e-icon-top {
-          padding-left: 0;
-        }
-
-        &.e-icon-btn {
-          padding-left: $split-btn-icon-btn-padding-bigger;
-          padding-right: $split-btn-icon-btn-padding-bigger;
-
-          .e-btn-icon {
-            padding-left: 0;
-          }
-        }
-      }
-    }
-
-    &.e-vertical {
-      .e-split-btn {
-        @if $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
-          padding-bottom: $split-btn-icon-btn-padding-bigger;
-          padding-right: $split-btn-icon-btn-padding-bigger;
-        }
-        @else {
-          padding-bottom: 6px;
-          padding-right: 12px;
-        }
-      }
-
-      .e-dropdown-btn {
-        @if $skin-name == 'bootstrap4' {
-          padding-bottom: $split-btn-icon-btn-padding-bigger;
-          padding-top: $split-btn-icon-btn-padding-bigger;
-        }
-        @else {
-          padding-bottom: 4px;
-          padding-top: 4px;
-        }
-        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          z-index: 1;
-        }
-
-        .e-icon-bottom {
-          padding-top: 0;
-        }
-      }
-    }
-  }
-}