Style the bootstrap tabs

This commit is contained in:
Ben Ogle
2013-09-11 15:51:18 -07:00
parent f887df178c
commit f310797b96

View File

@@ -1,4 +1,5 @@
@import "ui-variables";
@import "ui-mixins";
.tab-bar {
height: @tab-height + 6px;
@@ -41,3 +42,24 @@
.tab.active:hover .close-icon {
color: @text-color-highlight;
}
// Bootstrap nav tabs.
.nav.nav-tabs {
border-bottom-color: @tab-background-color-active;
> li {
margin-bottom: 0px;
}
> li > a {
border: none;
}
> li.active > a {
.text(highlight);
border: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: @background-color-highlight;
}
}