MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tabs: Add tab-left and right modifiers style.

This commit is contained in:
Konstantinos Triantafyllou 2022-07-25 16:10:22 +03:00
parent a05879462d
commit 98b30a43f1
1 changed files with 38 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
less/tab.less
View File

@ -27,7 +27,44 @@
}
}
.hook-tab-item() {
border-bottom: @tab-item-border-width solid transparent;
}
.hook-tab-item-active() {
border-bottom: @tab-item-border-width solid @tab-item-active-border;
border-color: @tab-item-active-border;
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;
}