rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08: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

60
lib/patterns.less
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;
}
}
} }
} }