generated from nhcarrigan/template
64 lines
1.3 KiB
Plaintext
64 lines
1.3 KiB
Plaintext
|
|
// Buttons
|
|
// -------------------
|
|
|
|
// Overrides: atom/atom/static/buttons.less
|
|
|
|
|
|
.btn {
|
|
color: @button-text-color;
|
|
background-color: @button-background-color;
|
|
&:hover,
|
|
&:focus {
|
|
color: @button-text-color;
|
|
background-color: @button-background-color-hover;
|
|
}
|
|
&:active {
|
|
color: @button-text-color;
|
|
background-color: darken(@button-background-color, 2%);
|
|
}
|
|
&.selected {
|
|
color: @button-text-color;
|
|
background-color: @button-background-color-selected;
|
|
}
|
|
&:focus,
|
|
&:focus:active {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
|
|
// Colored buttons -----------------------
|
|
|
|
.btn.btn-primary { .btn-color(@background-color-info); }
|
|
.btn.btn-info { .btn-color(@background-color-info); }
|
|
.btn.btn-success { .btn-color(@background-color-success); }
|
|
.btn.btn-warning { .btn-color(@background-color-warning); }
|
|
.btn.btn-error { .btn-color(@background-color-error); }
|
|
|
|
.btn-color(@bg) {
|
|
color: @text-color-selected;
|
|
background-color: @bg;
|
|
&:hover,
|
|
&:focus {
|
|
background-color: lighten(@bg, 4%);
|
|
}
|
|
&:active {
|
|
background-color: darken(@bg, 4%);
|
|
}
|
|
&.selected {
|
|
background-color: lighten(@bg, 4%);
|
|
}
|
|
&.selected:focus,
|
|
&.selected:hover {
|
|
background-color: lighten(@bg, 8%);
|
|
}
|
|
}
|
|
|
|
|
|
// Button Group -----------------------
|
|
|
|
.btn-group > .btn {
|
|
border-color: hsla(0,0%,0%,.2);
|
|
}
|