rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

implement left and right tabs styles

Browse Source
This commit is contained in:
Bulat Shakirzyanov 2011-10-27 18:51:49 -07:00
parent 20b9390a9e
commit cb13f010e2
1 changed files with 62 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
lib/patterns.less
View File

@ -379,19 +379,71 @@
}
// Tabs on left
&.tabs-left .tabs {
float: left;
}
&.tabs-left .tabs > li {
float: none;
&.tabs-left {
.clearfix();
.tab-content {
float: left;
}
.tabs {
float: left;
> li {
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-right .tabs {
float: right;
}
&.tabs-right .tabs > li {
float: none;
&.tabs-right {
.clearfix();
.tab-content {
float: right;
}
.tabs {
float: right;
> li {
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;
}
}
}
}