1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 12:51:52 +02:00

Merge branch '2.0-left-and-right-tabs' of https://github.com/avalanche123/bootstrap into avalanche123-2.0-left-and-right-tabs

This commit is contained in:
Mark Otto
2011-10-31 21:25:21 -07:00

View File

@@ -379,19 +379,71 @@
} }
// Tabs on left // Tabs on left
&.tabs-left .tabs { &.tabs-left {
.clearfix();
.tab-content {
float: left; float: left;
} }
&.tabs-left .tabs > li { .tabs {
float: left;
> li {
float: none; float: none;
margin-bottom: -1px;
margin-right: -1px;
> a {
margin-right: 0;
margin-bottom: 2px;
.border-radius(4px 0 0 4px);
&:hover {
border-color: transparent;
border-right-color: #ddd;
}
}
}
> .active > a,
> .active > a:hover {
border-color: #ddd;
border-right-color: transparent;
}
}
} }
// Tabs on right // Tabs on right
&.tabs-right .tabs { &.tabs-right {
.clearfix();
.tab-content {
float: right; float: right;
} }
&.tabs-right .tabs > li { .tabs {
float: right;
> li {
float: none; float: none;
margin-bottom: -1px;
margin-left: -1px;
> a {
margin-left: 0;
margin-bottom: 2px;
.border-radius(4px 0 0 4px);
&:hover {
border-color: transparent;
border-left-color: #ddd;
}
}
}
> .active > a,
> .active > a:hover {
border-color: #ddd;
border-left-color: transparent;
}
}
} }
} }