.v-tabs { .v-tab { padding: 16px 0; font-size: 14px; position: relative; z-index: 2; transform: translateY(1px); letter-spacing: 0; +.v-tab { margin-left: 32px; } min-width:auto; } } @each $theme in dark, light { .v-application.#{$theme}-mode { .v-tabs { position: relative; z-index: 2; .v-tabs-bar{ background-color: rgba(0, 0, 0, 0) } .v-slide-group__content { border-bottom: 1px solid map-deep-get($config, #{$theme}, "v-tabs-items-border-color" ); } .v-slide-group__wrapper { background-color: map-deep-get($config, #{$theme}, "card-default-backgroundColor" ); overflow: visible !important; contain: initial !important; } .v-tab { padding: 16px 0; font-size: 14px; // border-radius: 6px 6px 0 0; // border-bottom-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-active-border-color" // ); // background-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-backgroundColor" // ); position: relative; z-index: 2; transform: translateY(1px); letter-spacing: 0; + .v-tab { margin-left: 32px; } &::before { background-color: transparent; } &:hover { color: map-deep-get( $config, #{$theme}, "v-tabs-hover-color" ) !important; } &:not(.v-tab--active){ color: map-deep-get($config, #{$theme}, "router-tab-item-color") !important; } } .v-tab--active { // border-top-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-active-border-color" // ); // border-right-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-active-border-color" // ); // border-left-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-active-border-color" // ); // border-bottom-color: map-deep-get( // $config, // #{$theme}, // "v-tabs-active-backgroundColor" // ); background-color: map-deep-get( $config, #{$theme}, "v-tabs-active-backgroundColor" ); } .v-tabs-slider { border-bottom: 1px solid; border-bottom-color: map-deep-get($config, #{$theme}, "v-tabs-active-border-color" ); } } .v-tabs-items { position: relative; z-index: 1; background-color: map-deep-get($config, #{$theme}, "card-default-backgroundColor" ); // border-top: 1px // solid // map-deep-get($config, #{$theme}, "v-tabs-active-border-color"); } } }