@syncfusion/ej2-angular-navigations 20.3.58 → 20.3.60-ngcc

package/styles/tab/fabric-dark.css

@@ -93,8 +93,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0 8px 0 0;
   }
 }
@@ -104,7 +104,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0;
   }
 }
@@ -114,7 +114,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0;
   }
 }
@@ -136,7 +136,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
-.e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
     margin: 0 8px 0 0;
   }
 }
@@ -153,7 +153,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
     padding: 0 8px;
   }
 }
@@ -176,7 +176,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
     margin: 0 8px 0 0;
   }
 }
@@ -204,7 +204,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
     margin: 0 0 0 8px;
   }
 }
@@ -216,9 +216,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
-.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
+  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -244,7 +244,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
     margin: 0 0 0 8px;
   }
 }
@@ -314,7 +314,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
     padding: 0 12px;
   }
 }
@@ -329,7 +329,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
     padding-right: 0;
   }
 }
@@ -353,8 +353,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
     min-height: 50px;
   }
 }
@@ -367,10 +367,10 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
     height: 50px;
   }
 }
@@ -383,8 +383,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
     padding-left: 0;
     padding-right: 0;
@@ -398,7 +398,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-scroll-nav,
-.e-tab.e-bigger .e-tab-header .e-scroll-nav {
+  .e-tab.e-bigger .e-tab-header .e-scroll-nav {
     padding: 0 8px;
   }
 }
@@ -419,7 +419,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
-.e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
+  .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
     font-size: 14px;
     height: 32px;
     line-height: 32px;
@@ -443,7 +443,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav,
-.e-tab.e-bigger .e-tab-header .e-hor-nav {
+  .e-tab.e-bigger .e-tab-header .e-hor-nav {
     padding: 0 8px;
   }
 }
@@ -458,9 +458,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
+  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
     font-size: 14px;
     height: 32px;
     line-height: 32px;
@@ -478,9 +478,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 16px;
   }
 }
@@ -527,7 +527,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
-.e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
+  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
     margin: 0 8px 0 0;
   }
 }
@@ -542,7 +542,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
-.e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
+  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
     margin: 0;
   }
 }
@@ -593,7 +593,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
-.e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
+  .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
     bottom: 0;
     top: 0;
   }
@@ -658,35 +658,35 @@
 .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
   height: auto;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header {
   height: 72px;
   min-height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
   height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
   bottom: -10px;
   top: auto;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
   height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
   height: 72px;
 }
 @media screen and (max-width: 480px) {
-  .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
+  .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 12px;
   }
 }
@@ -817,7 +817,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header,
-.e-tab.e-bigger.e-fill .e-tab-header {
+  .e-tab.e-bigger.e-fill .e-tab-header {
     height: 48px;
     min-height: 48px;
   }
@@ -829,7 +829,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
     min-height: 48px;
   }
 }
@@ -848,7 +848,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
     height: 48px;
     min-height: 48px;
   }
@@ -866,7 +866,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
     height: 48px;
     padding: 0 10px;
   }
@@ -878,7 +878,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
     height: 48px;
   }
 }
@@ -897,7 +897,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
     height: 48px;
   }
 }
@@ -909,8 +909,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
     height: 48px;
   }
 }
@@ -975,8 +975,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
-.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
-.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
+  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
+  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
     height: auto;
   }
 }
@@ -988,8 +988,8 @@
 .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
   margin: 0;
 }
-.e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
-.e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
+.e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
+.e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
   height: 70px;
   min-height: 70px;
 }
@@ -1010,7 +1010,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
     padding: 0 12px;
   }
 }
@@ -1051,7 +1051,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
     margin: 0 8px 0 0;
   }
 }
@@ -1061,7 +1061,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
     margin: 0 8px 0 0;
   }
 }
@@ -1089,7 +1089,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
     padding-left: 0;
   }
 }
@@ -1112,8 +1112,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
     padding-left: 0;
     padding-right: 0;
@@ -1367,7 +1367,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
-.e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
+  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -1394,7 +1394,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
-.e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
+  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
     font-size: 20px;
   }
 }
@@ -1694,7 +1694,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
+  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
     font-size: 14px;
     height: 32px;
     line-height: 32px;
@@ -1712,7 +1712,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 16px;
   }
 }
@@ -1957,7 +1957,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
-.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
+  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
     font-size: 15px;
   }
 }
@@ -2024,27 +2024,27 @@
 .e-tab.e-vertical-tab .e-content .e-item > :first-child {
   width: 100%;
 }
-.e-tab.e-vertical-icon .e-tab-header {
+.e-tab.e-vertical-icon > .e-tab-header {
   height: 62px;
   min-height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   display: none;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
+.e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
   height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
   position: static;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
   content: none;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   content: "";
   display: block;
   position: absolute;
@@ -2052,34 +2052,34 @@
   width: calc(100% - 16px);
   border: 1px solid #0074cc;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
+.e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
   height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
+.e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
   height: 62px;
 }
 @media screen and (max-width: 480px) {
-  .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 12px;
   }
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
   width: 3px;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   display: none;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
   position: relative;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
   height: 16px;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   top: 0;
 }
 .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -2418,7 +2418,7 @@
 .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
   margin: 0;
 }
-.e-tab.e-fill.e-vertical-icon .e-tab-header {
+.e-tab.e-fill.e-vertical-icon > .e-tab-header {
   height: 60px;
   min-height: 60px;
 }
@@ -2615,7 +2615,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-close-icon,
-.e-tab-clone-element .e-close-icon::before {
+  .e-tab-clone-element .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -2642,7 +2642,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,
-.e-tab-clone-element .e-tab-icon::before {
+  .e-tab-clone-element .e-tab-icon::before {
     font-size: 20px;
   }
 }
@@ -2798,7 +2798,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
-.e-bigger .e-tab-clone-element .e-close-icon::before {
+  .e-bigger .e-tab-clone-element .e-close-icon::before {
     font-size: 12px;
   }
 }

package/styles/tab/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../toolbar/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/fabric-dark.scss';