mirror of
https://github.com/grafana/grafana.git
synced 2024-12-28 01:41:24 -06:00
05a5a66e2f
* Chore: spelling - theme * Chore: drop phantomjs comments * Chore: remove old phantomjs hack Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
40 lines
854 B
SCSS
40 lines
854 B
SCSS
.toggle-button-group {
|
|
display: flex;
|
|
|
|
.btn {
|
|
@include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl, $btn-inverse-text-color, $btn-inverse-text-shadow);
|
|
|
|
height: $input-height;
|
|
padding: 7px 10px;
|
|
font-weight: $font-weight-semi-bold;
|
|
font-size: $font-size-sm;
|
|
border-radius: 0;
|
|
border-right: $button-toggle-group-btn-separator-border;
|
|
|
|
&.active {
|
|
background: $button-toggle-group-btn-active-bg;
|
|
box-shadow: $button-toggle-group-btn-active-shadow;
|
|
border-right: 0;
|
|
color: $white;
|
|
|
|
&:hover {
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
&:first-child {
|
|
border-radius: $border-radius 0 0 $border-radius;
|
|
margin: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
border-radius: 0 $border-radius $border-radius 0;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
&--padded {
|
|
padding-left: 2px;
|
|
}
|
|
}
|