love/source/atom/ui-template/buttons.less

78 lines
1.2 KiB
Plaintext
Raw Normal View History

2020-04-12 15:54:43 +00:00
.btn {
background-color: @button-background-color;
color: @background-1;
&:hover,
&:focus,
&:active {
background-color: @button-background-color-hover;
color: @background-1;
}
&:focus,
&:focus:active {
outline: none;
}
&.selected {
background-color: @button-background-color-selected;
color: @background-1;
&:hover {
color: @background-1;
}
}
}
.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) {
background-color: @bg;
color: @background-1;
&:hover,
&:focus,
&:active {
background-color: lighten(@bg, 4%);
color: @background-1;
}
&.selected {
background-color: lighten(@bg, 4%);
color: @background-1;
&:focus,
&:hover,
&:active {
background-color: lighten(@bg, 8%);
color: @background-1;
}
}
}
.btn-group > .btn {
border-color: @background-1;
}
.settings-view .config-menu .button-area > .btn {
padding: 0;
}