134 lines
2.9 KiB
SCSS
134 lines
2.9 KiB
SCSS
.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");
|
|
}
|
|
}
|
|
}
|