Tabs: Add tab-left and right modifiers style.
This commit is contained in:
parent
a05879462d
commit
98b30a43f1
|
@ -27,7 +27,44 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hook-tab-item() {
|
||||||
|
border-bottom: @tab-item-border-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.hook-tab-item-active() {
|
.hook-tab-item-active() {
|
||||||
border-bottom: @tab-item-border-width solid @tab-item-active-border;
|
border-color: @tab-item-active-border;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.hook-tab-left() {
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
border-left: @tab-border-width solid @tab-border;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hook-tab-left-item() {
|
||||||
|
border-right: @tab-item-border-width solid transparent;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hook-tab-right() {
|
||||||
|
&::before {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: auto;
|
||||||
|
border-left: @tab-border-width solid @tab-border;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hook-tab-right-item() {
|
||||||
|
border-left: @tab-item-border-width solid transparent;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue