@siberiaweb/components
Version:
40 lines (35 loc) • 785 B
CSS
.sw-tab-panel {
display: flex;
}
.sw-tab-panel-item {
align-items: center;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 600;
height: 40px;
justify-content: center;
padding: 0 10px;
position: relative;
}
.sw-tab-panel-item::after {
background-color: #dddddd;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
right: 0;
bottom: 0;
}
.sw-tab-panel-item:first-child::after {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.sw-tab-panel-item:last-child::after {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.sw-tab-panel-item[ active ]::after {
background-color: cornflowerblue;
}