Sha256: 5de03d314e5efd6a1a14d52f9bc822b3353459b4d5f4ef0b989b46b0fc46899b
Contents?: true
Size: 1.65 KB
Versions: 16
Compression:
Stored size: 1.65 KB
Contents
.tabs {
display: flex;
margin: 1em 0;
border-bottom: 1px solid $color-border;
white-space: nowrap;
&,
ul {
padding-left: 0;
list-style: none;
}
a {
padding: 1em;
}
@media print { display: none }
}
.tabs > li:not(.in-dropdown) {
flex-grow: 0;
flex-shrink: 0;
// Move down one pixel to sit on top of the ul's border-bottom
position: relative;
top: 1px;
> a {
display: block;
border: 1px solid $color-border;
border-radius: 2px 2px 0 0;
line-height: 1;
}
&:not(:first-child) > a {
border-left: none;
}
&:not(.active) > a {
background: $color-tbl-thead;
}
&.active > a,
&.active:hover {
background: white;
border-bottom-color: white;
color: $body-color;
}
&:not(.active):hover > a {
background: darken($color-tbl-thead, 5%);
color: $link-color;
}
}
.tabs-overflowed.tabs > li:not(.tabs-dropdown) {
flex-grow: 1;
flex-shrink: 1;
}
.tabs-dropdown {
flex-grow: 0;
flex-shrink: 0;
position: relative;
.tabs:not(.tabs-overflowed) & {
display: none;
}
> a {
position: relative;
background: white;
z-index: 1;
&:before {
content: "\f107";
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
}
}
&:hover > a {
background: white;
}
&:not(:hover) ul {
display: none;
}
ul {
@include position(absolute, calc(100% - 1px) 0 null null);
z-index: 1;
}
}
.tabs li.in-dropdown {
a {
display: block;
border: 1px solid $color-border;
background: white;
}
&:not(:first-child) a {
border-top: none;
}
&:last-child a {
border-radius: 0 0 3px 3px;
}
}
Version data entries
16 entries across 16 versions & 1 rubygems