Sha256: 3689a675cac9ad0a38fa28a135b7bc3993d8fa170765458bef1d44bb2d7ea8cb
Contents?: true
Size: 1.57 KB
Versions: 5
Compression:
Stored size: 1.57 KB
Contents
//
// Tabs
// --------------------------------------------------
.tabs{
list-style: none;
border-bottom: 1px solid $tabs-border-color;
padding: 0;
@include clearfix();
> li {
display: block;
position: relative;
float: left;
margin-bottom: -1px;
> a {
position: relative;
display: block;
padding: 10px 15px;
margin-right: 2px;
line-height: $line-height-base;
border: 1px solid transparent;
border-radius: $border-radius $border-radius 0 0;
text-decoration: none;
&:hover {
border-color: $tabs-link-hover-border-color $tabs-link-hover-border-color $tabs-border-color;
background-color: $tabs-link-hover-background-color;
}
}
// Active state, and its :hover to override normal :hover
&.active > a {
&,
&:hover,
&:focus {
color: $tabs-active-link-hover-color;
background-color: $tabs-active-link-hover-background;
border: 1px solid $tabs-active-link-hover-border-color;
border-bottom-color: transparent;
cursor: default;
}
}
}
&.justified{
width: 100%;
border-bottom: 0;
> li {
display: table-cell;
width: 1%;
float: none;
> a {
text-align: center;
margin-right: 0;
border-bottom: 1px solid $tabs-justified-link-border-color;
border-radius: $border-radius $border-radius 0 0;
}
}
> .active > a,
> .active > a:hover,
> .active > a:focus {
border-bottom-color: $tabs-justified-active-link-border-color;
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems