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;
|
2014-02-27 18:09:45 +01:00
|
|
|
transition: color 0.2s;
|
2013-09-12 01:29:14 +02:00
|
|
|
|
2014-02-27 03:03:55 +01:00
|
|
|
&:hover, &:focus {
|
2014-02-27 03:02:17 +01:00
|
|
|
color: @text-color;
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
&.selected,
|
|
|
|
|
&.selected:hover {
|
|
|
|
|
color: @text-color-highlight;
|
|
|
|
|
&: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);
|
2014-02-27 03:02:17 +01:00
|
|
|
&:active {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
|
}
|
2013-09-12 01:29:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
