2013-09-12 01:29:14 +02:00
|
|
|
@import "ui-variables";
|
|
|
|
|
@import "ui-mixins";
|
|
|
|
|
|
|
|
|
|
.btn-background (@color, @hover-color, @selected-color, @text-color) {
|
|
|
|
|
color: @text-color;
|
|
|
|
|
background-color: transparent;
|
2014-02-27 00:30:56 +01:00
|
|
|
|
2013-09-12 01:29:14 +02:00
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: @text-color-highlight;
|
2014-02-27 00:30:56 +01:00
|
|
|
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
&.selected,
|
|
|
|
|
&.selected:hover {
|
|
|
|
|
color: @text-color-highlight;
|
2014-02-27 00:30:56 +01:00
|
|
|
|
2013-09-12 01:29:14 +02:00
|
|
|
&:hover {
|
2014-02-27 00:30:56 +01:00
|
|
|
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-variant (@color) {
|
|
|
|
|
@bg: darken(@color, 10%);
|
|
|
|
|
@hover: @color;
|
|
|
|
|
@selected: @color;
|
|
|
|
|
.btn-background(@bg, @hover, @selected, @text-color-highlight);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
|
.btn-background(@button-background-color, @button-background-color-hover, @button-background-color-selected, @text-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn.btn-primary {
|
|
|
|
|
.btn-variant(@background-color-info);
|
|
|
|
|
}
|
|
|
|
|
.btn.btn-info {
|
|
|
|
|
.btn-variant(@background-color-info);
|
|
|
|
|
}
|
|
|
|
|
.btn.btn-success {
|
|
|
|
|
.btn-variant(@background-color-success);
|
|
|
|
|
}
|
|
|
|
|
.btn.btn-warning {
|
|
|
|
|
.btn-variant(@background-color-warning);
|
|
|
|
|
}
|
|
|
|
|
.btn.btn-error {
|
|
|
|
|
.btn-variant(@background-color-error);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.caret {
|
|
|
|
|
border-top: 5px solid #fff;
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
}
|
