@syncfusion/ej2-angular-navigations 24.1.41 → 24.1.46

package/styles/menu/_material-dark-definition.scss

@@ -1,64 +0,0 @@
-//default
-$menu-bigger-caret-li-padding: 36px !default;
-$menu-bigger-caret-right: 8px !default;
-$menu-bigger-li-right-padding: 16px !default;
-$menu-bigger-icon-margin-right: 10px !default;
-$menu-caret-padding-left: 10px !default;
-$menu-li-border-style: solid !default;
-$menu-li-border-width: 1px !default;
-$menu-ul-border: $menu-li-border-width $menu-li-border-style transparent !default;
-$menu-font-size: 13px !default;
-$menu-ul-padding: 0 !default;
-$menu-blank-icon: 34px !default;
-$menu-ul-header-padding: $menu-ul-padding !default;
-$menu-separator-padding: 0 !default;
-$menu-li-height: 42px !default;
-$menu-li-padding: 0 12px !default;
-$menu-li-text-indent: 12px !default;
-$menu-icon-font-size: 14px !default;
-$menu-icon-margin-right: 8px !default;
-$menu-icon-width: 24px !default;
-$menu-caret-font-size: 11px !default;
-$menu-caret-right: 6px !default;
-$menu-caret-icon: '\e94d' !default;
-$menu-caret-li-padding: 26px !default;
-$menu-disable-opacity: .38 !default;
-$menu-li-right-padding: 12px !default;
-$menu-bigger-font-size: 14px !default;
-$menu-bigger-li-height: 56px !default;
-$menu-bigger-li-padding: 0 16px !default;
-$menu-bigger-li-text-indent: 16px !default;
-$menu-icon-bigger-font-size: 16px !default;
-$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$menu-separator-bigger-padding: 0 !default;
-$menu-ul-bigger-header-padding: 0 !default;
-$menu-blank-icon-bigger: 42px !default;
-$menu-ul-bgcolor: $grey-900 !default;
-$menu-li-border-color: $cmenu-li-border-color !default;
-$menu-color: $cmenu-color !default;
-$menu-seperator-border-color: $grey-700 !default;
-$menu-li-bgcolor: rgba($grey-dark-font, .1) !default;
-$menu-li-selection-font-color: $cmenu-li-selection-font-color !default;
-$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
-$menu-li-hover-outline-offset: 0 !default;
-$menu-li-selection-bgcolor: rgba($grey-dark-font, .18) !default;
-$menu-selected-color: $cmenu-selected-color !default;
-$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
-$menu-li-selected-outline-offset: 0 !default;
-$menu-hscroll-nav-size: 30px !default;
-$menu-vscroll-nav-size: 16px !default;
-$menu-scroll-nav-icon-size: 10px !default;
-$menu-bigger-hscroll-nav-size: 36px !default;
-$menu-bigger-vscroll-nav-size: 24px !default;
-$menu-bigger-scroll-nav-icon-size: 12px !default;
-$menu-srollbar-ul-border: none !default;
-$submenu-caret-font-size: $cmenu-caret-font-size !default;
-$submenu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$submenu-color: $cmenu-color !default;
-$menu-icon-color: $cmenu-caret-color !default;
-$menu-icon-hover-color: inherit !default;
-$menu-icon-focussed-color: $cmenu-caret-color !default;
-$menu-caret-color: $cmenu-caret-color !default;
-$menu-header-icon-padding: 0 16px !default;
-
-//enddefault

package/styles/menu/_material-definition.scss

@@ -1,64 +0,0 @@
-$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$menu-bigger-caret-li-padding: 36px !default;
-$menu-bigger-caret-right: 16px !default;
-$menu-bigger-font-size: 14px !default;
-$menu-bigger-li-right-padding: 16px !default;
-$menu-bigger-li-height: 56px !default;
-$menu-bigger-li-padding: 0 16px !default;
-$menu-bigger-li-text-indent: 16px !default;
-$menu-bigger-icon-margin-right: 10px !default;
-$menu-color: $cmenu-color !default;
-$menu-blank-icon: 44px !default;
-$menu-blank-icon-bigger: 50px !default;
-$menu-caret-font-size: 10px !default;
-$menu-caret-icon: '\e94d' !default;
-$menu-caret-icon-rtl: '\e937' !default;
-$menu-caret-right: 12px !default;
-$menu-caret-li-padding: 30px !default;
-$menu-ul-padding: 0 !default;
-$menu-separator-padding: 0 !default;
-$menu-ul-header-padding: $menu-ul-padding !default;
-$menu-caret-padding-left: 10px !default;
-$menu-disable-opacity: .38 !default;
-$menu-font-size: 13px !default;
-$menu-icon-margin-right: 8px !default;
-$menu-li-border-style: solid !default;
-$menu-li-border-width: 1px !default;
-$menu-li-selection-font-color: $cmenu-li-selection-font-color !default;
-$menu-li-height: 42px !default;
-$menu-li-padding: 0 12px !default;
-$menu-li-text-indent: 12px !default;
-$menu-li-right-padding: 12px !default;
-$menu-li-bgcolor: $cmenu-li-bgcolor !default;
-$menu-li-selection-bgcolor: $grey-300 !default;
-$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
-$menu-icon-font-size: 14px !default;
-$menu-icon-bigger-font-size: 16px !default;
-$menu-icon-width: 24px !default;
-$menu-separator-bigger-padding: 0 !default;
-$menu-seperator-border-color: rgba($grey-light-font, .12) !default;
-$menu-sub-ul-bgcolor: $grey-white !default;
-$menu-sub-li-border-color: rgba($grey-light-font, .12) !default;
-$menu-ul-bgcolor: $grey-50 !default;
-$menu-ul-border: none !default;
-$menu-ul-bigger-header-padding: 0 !default;
-$menu-li-hover-outline-offset: 0 !default;
-$menu-li-selected-outline-offset: 0 !default;
-$menu-selected-color: $cmenu-selected-color !default;
-$menu-li-border-color: $cmenu-li-border-color !default;
-$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
-$menu-hscroll-nav-size: 30px !default;
-$menu-vscroll-nav-size: 16px !default;
-$menu-scroll-nav-icon-size: 10px !default;
-$menu-bigger-hscroll-nav-size: 36px !default;
-$menu-bigger-vscroll-nav-size: 24px !default;
-$menu-bigger-scroll-nav-icon-size: 12px !default;
-$menu-srollbar-ul-border: none !default;
-$submenu-caret-font-size: $cmenu-caret-font-size !default;
-$submenu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$submenu-color: $cmenu-color !default;
-$menu-icon-color: $cmenu-caret-color !default;
-$menu-icon-hover-color: initial !default;
-$menu-icon-focussed-color: $cmenu-caret-color !default;
-$menu-caret-color: $cmenu-caret-color !default;
-$menu-header-icon-padding: 0 16px !default;

package/styles/menu/_material3-dark-definition.scss

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

package/styles/menu/_material3-definition.scss

@@ -1,67 +0,0 @@
-//layout variables
-$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$menu-bigger-caret-li-padding: 32px !default;
-$menu-bigger-caret-right: 12px !default;
-$menu-bigger-font-size: $text-base !default;
-$menu-bigger-li-height: 40px !default;
-$menu-bigger-li-icon-height: 40px !default;
-$menu-bigger-li-padding: 0 20px !default;
-$menu-bigger-li-text-indent: 15px !default;
-$menu-bigger-li-right-padding: 12px !default;
-$menu-bigger-icon-margin-right: 12px !default;
-$menu-icon-width: 1em !default;
-$menu-blank-icon: 34px !default;
-$menu-blank-icon-bigger: 41px !default;
-$menu-caret-font-size: 14px !default;
-$menu-caret-icon: '\e706' !default;
-$menu-caret-icon-rtl: '\e70f' !default;
-$menu-caret-right: 8px !default;
-$menu-caret-li-padding: 26px !default;
-$menu-ul-padding: 0 !default;
-$menu-separator-bigger-padding: 0 !default;
-$menu-ul-bigger-header-padding: 0 !default;
-$menu-caret-padding-left: 8px !default;
-$menu-disable-opacity: .65 !default;
-$menu-font-size: $text-sm !default;
-$menu-icon-margin-right: 8px !default;
-$menu-li-hover-outline-offset: 0 !default;
-$menu-li-border-style: solid !default;
-$menu-li-border-width: 1px !default;
-$menu-li-height: 32px !default;
-$menu-li-padding: 0 16px !default;
-$menu-li-text-indent: 12px !default;
-$menu-li-right-padding: 12px !default;
-$menu-separator-padding: 0 !default;
-$menu-icon-font-size: 16px !default;
-$menu-icon-bigger-font-size: 18px !default;
-$menu-li-selected-outline-offset: 0 !default;
-$menu-hscroll-nav-size: 28px !default;
-$menu-vscroll-nav-size: 28px !default;
-$menu-scroll-nav-icon-size: 16px !default;
-$menu-bigger-hscroll-nav-size: 40px !default;
-$menu-bigger-vscroll-nav-size: 32px !default;
-$menu-bigger-scroll-nav-icon-size: 18px !default;
-$menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
-$menu-li-bgcolor: rgba($content-text-color, .08) !default;
-$menu-li-border-color: rgba($flyout-border) !default;
-$menu-li-selection-bgcolor: rgba($primary, .08) !default;
-$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
-$menu-li-selection-font-color: rgba($content-text-color) !default;
-$menu-ul-header-padding: $menu-ul-padding !default;
-$menu-color: rgba($content-text-color) !default;
-$menu-seperator-border-color: rgba($flyout-border) !default;
-$menu-selected-color: rgba($primary) !default;
-$menu-sub-ul-bgcolor: $content-bg-color-alt2 !default;
-$menu-sub-li-border-color: rgba($flyout-border) !default;
-$menu-ul-bgcolor: $transparent !default;
-$menu-ul-border: none !default;
-$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
-$menu-srollbar-ul-border: none !default;
-$submenu-caret-font-size: $menu-caret-font-size !default;
-$submenu-bigger-caret-font-size: $submenu-caret-font-size !default;
-$submenu-color: rgba($content-text-color) !default;
-$menu-icon-color: rgba($icon-color) !default;
-$menu-icon-hover-color: rgba($content-text-color) !default;
-$menu-icon-focussed-color: rgba($primary) !default;
-$menu-caret-color: $cmenu-caret-color !default;

package/styles/menu/_tailwind-dark-definition.scss

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

package/styles/menu/_tailwind-definition.scss

@@ -1,66 +0,0 @@
-//layout variables
-$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$menu-bigger-caret-li-padding: 32px !default;
-$menu-bigger-caret-right: 12px !default;
-$menu-bigger-font-size: $text-base !default;
-$menu-bigger-li-height: 48px !default;
-$menu-bigger-li-padding: 0 16px !default;
-$menu-bigger-li-text-indent: 15px !default;
-$menu-bigger-li-right-padding: 12px !default;
-$menu-bigger-icon-margin-right: 12px !default;
-$menu-icon-width: 1em !default;
-$menu-blank-icon: 34px !default;
-$menu-blank-icon-bigger: 41px !default;
-$menu-caret-font-size: $text-base !default;
-$menu-caret-icon: '\e706' !default;
-$menu-caret-icon-rtl: '\e70f' !default;
-$menu-caret-right: 8px !default;
-$menu-caret-li-padding: 26px !default;
-$menu-ul-padding: 0 !default;
-$menu-separator-bigger-padding: 0 !default;
-$menu-ul-bigger-header-padding: 0 !default;
-$menu-caret-padding-left: 8px !default;
-$menu-disable-opacity: .65 !default;
-$menu-font-size: $text-sm !default;
-$menu-icon-margin-right: 8px !default;
-$menu-icon-bigger-margin-right: 12px !default;
-$menu-li-hover-outline-offset: 0 !default;
-$menu-li-border-style: solid !default;
-$menu-li-border-width: 1px !default;
-$menu-li-height: 38px !default;
-$menu-li-padding: 0 12px !default;
-$menu-li-text-indent: 12px !default;
-$menu-li-right-padding: 12px !default;
-$menu-separator-padding: 0 !default;
-$menu-icon-font-size: $text-lg !default;
-$menu-icon-bigger-font-size: 22px !default;
-$menu-li-selected-outline-offset: 0 !default;
-$menu-hscroll-nav-size: 28px !default;
-$menu-vscroll-nav-size: 28px !default;
-$menu-scroll-nav-icon-size: 16px !default;
-$menu-bigger-hscroll-nav-size: 40px !default;
-$menu-bigger-vscroll-nav-size: 32px !default;
-$menu-bigger-scroll-nav-icon-size: 18px !default;
-$menu-header-icon-padding: 0 16px !default;
-$menu-li-bgcolor: $content-bg-color-alt3 !default;
-$menu-li-border-color: $border-light !default;
-$menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
-$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
-$menu-li-selection-font-color: $content-text-color !default;
-$menu-ul-header-padding: $menu-ul-padding !default;
-$menu-color: $content-text-color !default;
-$menu-seperator-border-color: $border-light !default;
-$menu-selected-color: $content-text-color !default;
-$menu-sub-ul-bgcolor: $content-bg-color-alt2 !default;
-$menu-sub-li-border-color: $border-light !default;
-$menu-ul-bgcolor: $content-bg-color-alt2 !default;
-$menu-ul-border: none !default;
-$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
-$menu-srollbar-ul-border: none !default;
-$submenu-caret-font-size: $menu-caret-font-size !default;
-$submenu-bigger-caret-font-size: $submenu-caret-font-size !default;
-$submenu-color: $content-text-color !default;
-$menu-icon-color: $icon-color !default;
-$menu-icon-hover-color: $content-text-color !default;
-$menu-icon-focussed-color: $cmenu-caret-color !default;
-$menu-caret-color: $cmenu-caret-color !default;

package/styles/menu/_theme.scss

@@ -1,306 +0,0 @@
-@import '../context-menu/theme-mixin.scss';
-@include export-module('menu-theme') {
-
-  /*! menu theme */
-  .e-menu-wrapper,
-  .e-menu-container {
-    background: $menu-ul-bgcolor;
-
-    @at-root {
-      & .e-menu {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $cmenu-ul-bgcolor;
-        }
-        @else {
-          background: inherit;
-        }
-        color: $menu-color;
-
-        &.e-menu {
-          &:not(.e-vertical) {
-            & .e-separator {
-              border-right-color: $menu-seperator-border-color;
-            }
-          }
-        }
-
-        & .e-menu-item  {
-          @if $skin-name == 'bootstrap4' {
-            & .e-caret {
-              color: $menu-caret-color;
-            }
-
-            & .e-menu-icon {
-              color: $menu-icon-color;
-            }
-          }
-          @else {
-            @include icon-color;
-          }
-
-          &.e-menu-header {
-            border-bottom-color: $cmenu-li-border-color;
-          }
-
-          & .e-menu-url {
-            color: $menu-color;
-          }
-
-          &.e-focused {
-            color: $menu-icon-hover-color;
-            outline: $menu-li-hover-outline;
-            outline-offset: $menu-li-hover-outline-offset;
-            @if $skin-name == 'bootstrap4' {
-              background: $menu-ul-bgcolor;
-
-              & .e-caret {
-                color: $menu-caret-color;
-              }
-
-              & .e-menu-icon {
-                color: $menu-icon-hover-color;
-              }
-            }
-            @else {
-              @include focused-icon-color;
-              background: $menu-li-bgcolor;
-              @if $skin-name == 'Material3' {
-                border-radius: 2px;
-              }
-            }
-          }
-
-          &.e-selected,
-          &.e-active-item {
-            color: $menu-selected-color;
-            outline: $menu-li-selected-outline;
-            outline-offset: $menu-li-selected-outline-offset;
-            @if $skin-name == 'bootstrap4' {
-              background: $menu-ul-bgcolor;
-            }
-            @if $skin-name == 'FluentUI' {
-              background: $cmenu-li-bgcolor;
-            }
-            @else {
-              background: $menu-li-selection-bgcolor;
-            }
-            @if $skin-name == 'Material3' {
-              border-radius: 2px;
-            }
-
-            & .e-caret {
-              @if $skin-name == 'Material3' {
-                color: $menu-icon-focussed-color;
-              }
-              @else {
-                color: $menu-caret-color;
-              }
-            }
-
-            & .e-menu-icon {
-              @if $skin-name == 'Material3' {
-                color: $menu-icon-focussed-color;
-              }
-              @else {
-                color: $menu-caret-color;
-              }
-            }
-          }
-
-          &.e-separator {
-            border-bottom-color: $menu-seperator-border-color;
-          }
-        }
-
-        @include disabled-color;
-      }
-
-      & .e-ul {
-        background: inherit;
-        color: $submenu-color;
-
-        & .e-menu-item {
-          @if $skin-name == 'bootstrap4' {
-            & .e-caret {
-              color: $submenu-color;
-            }
-
-            & .e-menu-icon {
-              color: $submenu-color;
-            }
-          }
-          @else if $skin-name == 'FluentUI' {
-            & .e-caret {
-              color: $menu-icon-color;
-            }
-
-            & .e-menu-icon {
-              color: $menu-icon-color;
-            }
-          }
-
-          &.e-focused {
-            @if $skin-name == 'bootstrap4' {
-              & .e-caret {
-                color: $menu-caret-color;
-              }
-
-              & .e-menu-icon {
-                color: $submenu-color;
-              }
-            }
-          }
-
-          &.e-selected,
-          &.e-active-item {
-            @if $skin-name == 'bootstrap4' {
-              & .e-caret {
-                color: $menu-icon-focussed-color;
-              }
-
-              & .e-menu-icon {
-                color: $menu-icon-focussed-color;
-              }
-            }
-          }
-
-          & .e-menu-url {
-            color: $submenu-color;
-          }
-
-          &.e-focused {
-            @include focused-color;
-          }
-
-          &.e-selected,
-          &.e-active-item {
-            @include selected-color;
-          }
-
-          &.e-separator {
-            border-bottom-color: $cmenu-li-border-color;
-          }
-        }
-      }
-    }
-
-    &.e-menu-popup {
-      background: $cmenu-ul-bgcolor;
-
-      &.e-sfcontextmenu .e-menu-vscroll {
-        background: inherit;
-      }
-    }
-
-    & .e-menu-hscroll.e-hscroll .e-scroll-nav {
-      background: $menu-ul-bgcolor;
-
-      & .e-nav-arrow.e-icons {
-        color: $cmenu-caret-color;
-      }
-
-      &:hover {
-        @if $skin-name == 'bootstrap4' {
-          background: darken($gray-600, 7.5%);
-          border: 1px inset darken($gray-600, 10%);
-
-          & .e-icons {
-            color: $menu-icon-focussed-color;
-          }
-        }
-        @else if $skin-name == 'Material3' {
-          border-radius: 2px;
-        }
-        @else {
-          background: $menu-li-bgcolor;
-        }
-      }
-
-      &:focus {
-        @if $skin-name == 'bootstrap4' {
-          background: darken($gray-600, 7.5%);
-          border-color: darken($gray-600, 10%);
-
-          & .e-icons {
-            color: $menu-icon-focussed-color;
-          }
-        }
-        @else {
-          background: $menu-li-bgcolor;
-        }
-      }
-
-      &:active {
-        @if $skin-name == 'bootstrap4' {
-          background: darken($gray-600, 7.5%);
-          border: 1px inset darken($gray-600, 10%);
-        }
-        @else {
-          background: $menu-li-bgcolor;
-        }
-      }
-    }
-
-    &.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
-      background: $cmenu-ul-bgcolor;
-      border-color: $menu-seperator-border-color;
-
-      & .e-icons {
-        color: $cmenu-color;
-      }
-
-      &:hover,
-      &:focus {
-        background: $cmenu-li-bgcolor;
-      }
-
-      &:active {
-        background: $cmenu-li-selection-bgcolor;
-      }
-    }
-
-    &.e-inherit {
-      border: 0;
-
-      & .e-menu,
-      & .e-menu .e-menu-item .e-menu-icon,
-      & .e-menu .e-menu-item .e-caret {
-        color: inherit;
-      }
-
-      & .e-menu {
-        background: inherit;
-      }
-
-      & .e-menu .e-menu-item.e-selected,
-      & .e-menu .e-menu-item.e-active-item,
-      & .e-menu .e-menu-item.e-focused {
-        background: rgba(transparent, .056);
-        color: inherit;
-      }
-    }
-  }
-
-  .e-menu-wrapper.e-hamburger,
-  .e-menu-container.e-hamburger {
-    & .e-menu-header {
-      color: $submenu-color;
-
-      & .e-menu-icon {
-        color: $submenu-color;
-      }
-    }
-
-    & ul {
-      color: $submenu-color;
-
-      @if $skin-name == 'bootstrap4' {
-        & .e-selected .e-caret,
-        & .e-active-item .e-caret,
-        & .e-caret {
-          color: $submenu-color;
-        }
-      }
-    }
-  }
-}

package/styles/menu/icons/_bootstrap-dark.scss

@@ -1,134 +0,0 @@
-@include export-module('menu-bootstrap-dark-icons') {
-
-  /*! menu layout */
-  .e-menu-wrapper,
-  .e-menu-container {
-    @at-root {
-      & ul {
-        &.e-vertical .e-menu-item {
-          & .e-caret {
-            &::before {
-              content: '\e207';
-            }
-          }
-        }
-
-        & .e-menu-item  {
-          & .e-caret {
-            &::before {
-              content: '\e95d';
-            }
-          }
-        }
-      }
-
-      & .e-ul .e-menu-item {
-        & .e-caret {
-          &::before {
-            content: '\e207';
-          }
-        }
-      }
-    }
-
-    &.e-hamburger {
-
-      & .e-menu-header {
-
-        & .e-menu-icon::before {
-          content: '\e941';
-        }
-      }
-
-      &.e-close-icon {
-        & .e-menu-header {
-
-          & .e-menu-icon::before {
-            content: '\e60a';
-          }
-        }
-      }
-
-      & .e-vertical .e-menu-item .e-caret,
-      & .e-menu-item .e-caret {
-        &::before {
-          content: '\e95d';
-        }
-      }
-    }
-
-    &.e-rtl.e-hamburger ul {
-      &.e-ul {
-        & .e-caret {
-          &::before {
-            content: '\e95d';
-          }
-        }
-      }
-    }
-
-    & .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before,
-    & .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before {
-      content: '\e207';
-    }
-
-    & .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before,
-    & .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before {
-      content: '\e95d';
-    }
-  }
-
-  .e-rtl.e-menu-wrapper ul,
-  .e-rtl.e-menu-container ul {
-    &.e-vertical {
-      & .e-caret {
-        &::before {
-          content: '\e937';
-        }
-      }
-    }
-
-    &.e-ul {
-      & .e-caret {
-        &::before {
-          content: '\e937';
-        }
-      }
-    }
-  }
-
-  .e-bigger .e-rtl.e-menu-wrapper ul,
-  .e-bigger.e-rtl.e-menu-wrapper ul,
-  .e-bigger .e-rtl.e-menu-container ul,
-  .e-bigger.e-rtl.e-menu-container ul {
-    &.e-vertical {
-      & .e-caret {
-        &::before {
-          content: '\e937';
-        }
-      }
-    }
-
-    &.e-ul {
-      & .e-caret {
-        &::before {
-          content: '\e937';
-        }
-      }
-    }
-  }
-
-  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul,
-  .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul,
-  .e-bigger .e-rtl.e-menu-container.e-hamburger ul,
-  .e-bigger.e-rtl.e-menu-container.e-hamburger ul {
-
-    &.e-ul {
-      & .e-caret {
-        &::before {
-          content: '\e95d';
-        }
-      }
-    }
-  }
-}