|
|
|
@ -212,11 +212,16 @@ html.touch {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not([disabled]):not(.disabled):active {
|
|
|
|
|
&:not(:disabled):not(.disabled):active {
|
|
|
|
|
background: darken(@color-btn-secondary-background, 11%);
|
|
|
|
|
border-color: darken(@color-btn-secondary-background, 13%);
|
|
|
|
|
box-shadow: 0 0 0 .2rem fade(@color-btn-secondary-background, 53%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not(:disabled):not(.disabled).active {
|
|
|
|
|
background: darken(@color-btn-secondary-background, 20%);
|
|
|
|
|
border-color: darken(@color-btn-secondary-background, 22%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-primary {
|
|
|
|
@ -240,11 +245,16 @@ html.touch {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not([disabled]):not(.disabled):active {
|
|
|
|
|
&:not(:disabled):not(.disabled):active {
|
|
|
|
|
background: darken(@color-btn-primary-background, 11%);
|
|
|
|
|
border-color: darken(@color-btn-primary-background, 13%);
|
|
|
|
|
box-shadow: 0 0 0 .2rem fade(@color-btn-primary-background, 53%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not(:disabled):not(.disabled).active {
|
|
|
|
|
background: darken(@color-btn-primary-background, 20%);
|
|
|
|
|
border-color: darken(@color-btn-primary-background, 22%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-danger {
|
|
|
|
@ -268,9 +278,14 @@ html.touch {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not([disabled]):not(.disabled):active {
|
|
|
|
|
&:not(:disabled):not(.disabled):active {
|
|
|
|
|
background: darken(@color-btn-danger-background, 11%);
|
|
|
|
|
border-color: darken(@color-btn-danger-background, 13%);
|
|
|
|
|
box-shadow: 0 0 0 .2rem fade(@color-btn-danger-background, 53%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not(:disabled):not(.disabled).active {
|
|
|
|
|
background: darken(@color-btn-danger-background, 20%);
|
|
|
|
|
border-color: darken(@color-btn-danger-background, 22%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|