CSS: Fix button mixin transition
This commit is contained in:
parent
ee7576f320
commit
f83d4488ab
|
@ -8,7 +8,6 @@
|
||||||
|
|
||||||
.button(@background-color: @body-bg-color, @color: @icinga-blue) {
|
.button(@background-color: @body-bg-color, @color: @icinga-blue) {
|
||||||
.rounded-corners(3px);
|
.rounded-corners(3px);
|
||||||
.transition(background 0.3s ease, color 0.3s ease);
|
|
||||||
|
|
||||||
background-color: @background-color;
|
background-color: @background-color;
|
||||||
border: 2px solid @color;
|
border: 2px solid @color;
|
||||||
|
@ -16,6 +15,12 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: @vertical-padding @horizontal-padding;
|
padding: @vertical-padding @horizontal-padding;
|
||||||
|
|
||||||
|
// Transition mixin does not work w/ comma-separated transistions
|
||||||
|
-webkit-transition: background 0.3s ease, color 0.3s ease;
|
||||||
|
-moz-transition: background 0.3s ease, color 0.3s ease;
|
||||||
|
-o-transition: background 0.3s ease, color 0.3s ease;
|
||||||
|
transition: background 0.3s ease, color 0.3s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @color;
|
background-color: @color;
|
||||||
color: @background-color;
|
color: @background-color;
|
||||||
|
|
Loading…
Reference in New Issue