grafana/public/sass/components/_tabs.scss
2016-02-23 13:20:59 +01:00

71 lines
1.2 KiB
SCSS

.nav-tabs-alt {
& > li > a {
color: darken($link-color, 20%);
}
li > a:hover {
border-bottom: none;
}
li.active > a,
li.active > a:focus,
li.active > a:hover {
@include border-radius(3px);
border: 1px solid $divider-border-color;
background-color: transparent;
border-bottom: 1px solid $panel-bg;
color: $link-color;
}
li.disabled > a {
color: $text-color;
}
.open .dropdown-toggle {
background-color: #060606;
border-color: transparent;
}
.tab-content {
padding: 10px;
background-color: $panel-bg;
}
}
.gf-tabs {
@include clearfix();
float: left;
margin: 0.5rem 0 0 2rem;
}
.gf-tabs-item {
float: left;
list-style: none;
}
.gf-tabs-link {
padding: ($spacer * 0.75) $spacer;
margin-right: $spacer/2;
line-height: $line-height-base;
border: 1px solid transparent;
@include border-radius(4px 4px 0 0);
&:hover,
&:focus {
border-color: $divider-border-color;
color: $link-color;
}
&.active,
&.active:hover,
&.active:focus {
@include border-radius(3px);
border: 1px solid $divider-border-color;
background-color: transparent;
border-bottom: 1px solid $panel-bg;
color: $link-color;
position: relative;
top: 1px;
}
}