mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
40 lines
746 B
SCSS
40 lines
746 B
SCSS
@import './mixins/mixins.scss';
|
|
@import './theme/default.scss';
|
|
|
|
@include b(tab) {
|
|
width: 100%;
|
|
height: 100%;
|
|
.n-tab--label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-items: flex-start;
|
|
background-color: bisque;
|
|
padding-bottom: 10px;
|
|
.n-tab--label-item {
|
|
padding: 2px 5px;
|
|
border-right: 1px solid #cccccc;
|
|
}
|
|
.n-tab--label-item_active {
|
|
color: aquamarine;
|
|
}
|
|
}
|
|
.n-tab--slot {
|
|
display: flex;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
@include b(tab-panel) {
|
|
position: absolute;
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
visibility: hidden;
|
|
transition: width 0.3s;
|
|
&.n-tab-panel_active {
|
|
visibility: visible;
|
|
}
|
|
} |