tabs: correct border-radius for when there is only one child

This commit is contained in:
Felix Niklas 2015-11-18 16:12:43 +01:00
parent 341088625b
commit be7582aaeb

View file

@ -1809,7 +1809,6 @@ kbd {
margin-left: auto; margin-left: auto;
padding-left: 9px; padding-left: 9px;
display: flex; display: flex;
margin-right: 20px;
.btn + .btn { .btn + .btn {
margin-left: 9px; margin-left: 9px;
@ -2113,11 +2112,16 @@ ol.tabs li {
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
} }
.tab:last-child { .tab:last-child:not(:only-child) {
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
border-right: none; border-right: none;
} }
.tab:only-child {
border-radius: 3px;
border-right: none;
}
.tab-badge { .tab-badge {
margin-left: 3px; margin-left: 3px;
font-size: 0.95em; font-size: 0.95em;
@ -2141,6 +2145,18 @@ ol.tabs li {
.tab { .tab {
height: auto; height: auto;
padding: 10px 23px 9px; padding: 10px 23px 9px;
&:first-child {
border-radius: 8px 0 0 8px;
}
&:last-child {
border-radius: 0 8px 8px 0;
}
&:only-child {
border-radius: 8px;
}
} }
.tab-dropdown { .tab-dropdown {
@ -2149,14 +2165,6 @@ ol.tabs li {
} }
} }
.tabs--big .tab:first-child {
border-radius: 8px 0 0 8px;
}
.tabs--big .tab:last-child {
border-radius: 0 8px 8px 0;
}
.dashboard .tabs--big { .dashboard .tabs--big {
width: 50%; width: 50%;
} }