34 lines
700 B
Text
34 lines
700 B
Text
|
|
@import "mixins/button";
|
|
@import "mixins/icon-vcenter";
|
|
|
|
// Rectangular button.
|
|
.rect-button(@color, @hover-color: darken(@color, 20%)) {
|
|
border-radius: 0;
|
|
border: 2px solid @color;
|
|
color: @color;
|
|
&:hover {
|
|
color: @hover-color;
|
|
border-color: @hover-color;
|
|
}
|
|
}
|
|
|
|
.button-color(@color, @background-color, @hover-color: darken(@background-color, 10%)) {
|
|
|
|
&:not(.button-ghost) {
|
|
|
|
color: @color;
|
|
background-color: @background-color;
|
|
|
|
&:hover {
|
|
color: @color;
|
|
background-color: @hover-color;
|
|
}
|
|
}
|
|
|
|
.button-ghost& {
|
|
border: 2px solid @background-color;
|
|
color: @background-color;
|
|
}
|
|
}
|
|
|