fix button brand hover and disabled state

pull/725/head
Audric Ackermann 5 years ago
parent e4a4a333ba
commit 93a4b9f9db

@ -241,51 +241,40 @@ $session_message-container-border-radius: 5px;
&.square, &.square,
&.brand { &.brand {
color: $session-color-white; color: $session-color-white;
border: none;
&.green {
border: 2px solid $session-color-green;
background-color: $session-color-green;
&.green,
&.white,
&.primary,
&.secondary,
&.success,
&.danger,
&.warning {
&.disabled { &.disabled {
background-color: rgba($session-color-green, 0.6); filter: brightness(60%);
} }
} }
&.green {
background-color: $session-color-green;
}
&.white { &.white {
background-color: $session-color-white; background-color: $session-color-white;
&.disabled {
background-color: rgba($session-color-white, 0.6);
}
} }
&.primary { &.primary {
background-color: $session-color-primary; background-color: $session-color-primary;
&.disabled {
background-color: rgba($session-color-primary, 0.6);
}
} }
&.secondary { &.secondary {
background-color: $session-color-secondary; background-color: $session-color-secondary;
&.disabled {
background-color: rgba($session-color-secondary, 0.6);
}
} }
&.success { &.success {
background-color: $session-color-success; background-color: $session-color-success;
&.disabled {
background-color: rgba($session-color-success, 0.6);
}
} }
&.danger { &.danger {
background-color: $session-color-danger; background-color: $session-color-danger;
&.disabled {
background-color: rgba($session-color-danger, 0.6);
}
} }
&.warning { &.warning {
background-color: $session-color-warning-alt; background-color: $session-color-warning-alt;
&.disabled {
background-color: rgba($session-color-warning-alt, 0.6);
}
} }
} }
@ -310,7 +299,21 @@ $session_message-container-border-radius: 5px;
@include transparent-background($session-color-danger); @include transparent-background($session-color-danger);
} }
&.warning { &.warning {
@include transparent-background($session-color-warning); @include transparent-background($session-color-warning-alt);
}
&.warning,
&.danger,
&.secondary,
&.primary,
&.white,
&.green {
&.disabled {
filter: brightness(60%);
&:hover {
filter: brightness(60%);
}
}
} }
} }

Loading…
Cancel
Save