wait #7429 @0:30

diff --git a/less/003-mixins.less b/less/003-mixins.less
index bec055e20b8ca15e54e006b4210af2aa9dc76a91..47d40c1b62bc4853d790934f8d8839322f83a8bc 100644 (file)
--- a/less/003-mixins.less
+++ b/less/003-mixins.less
@@ -65,20 +65,27 @@
        }
 }
 
-.background-button(@base-color,@active-color) {
+.background-button(@base-color,@active-color,@pink:0) {
        transition: all @transition-time-buttons;
 
        background-color: @base-color;
        border-color: @base-color;
 
        &:active {
-               background-color: @active-color;
-               border-color: @active-color;
+               background-color: darken(@active-color,2%);
+               border-color: darken(@active-color,2%);
+       }
+}
+
+.background-button(@base-color, @active-color, @pink) when (@pink > 0) {
+       &:active {
+               background-color: darken(@base-color, 2%);
+               border-color: darken(@base-color, 2%);
        }
 }
 
 .background-button-green() {
-       .background-button(#8aab41, #aac759);
+       .background-button(#8aab41, #aac759, 0);
        color: #fff;
        &:hover {
                color: #fff;
@@ -86,7 +93,7 @@
 }
 
 .background-button-green-special() {
-       .background-button(#4fc38a, #aac759);
+       .background-button(#4fc38a, #aac759, 1);
        color: #fff;
        &:hover {
                color: #fff;
@@ -94,7 +101,7 @@
 }
 
 .background-button-pink() {
-       .background-button(#e5638b, #aac759);
+       .background-button(#e5638b, #aac759, 1);
        color: #fff;
        &:hover {
                color: #fff;