Fix background color for hover of "Join" button

This commit is contained in:
Fedor Indutny
2021-07-16 11:04:57 -07:00
committed by GitHub
parent 1e5d69739c
commit 207705bf30

View File

@@ -278,10 +278,12 @@
} }
&--join-call { &--join-call {
$background: $color-accent-green;
@include font-body-1; @include font-body-1;
@include rounded-corners; @include rounded-corners;
align-items: center; align-items: center;
background-color: $color-accent-green; background-color: $background;
color: $color-white; color: $color-white;
display: flex; display: flex;
outline: none; outline: none;
@@ -306,6 +308,12 @@
min-width: $icon-size; min-width: $icon-size;
width: $icon-size; width: $icon-size;
} }
// Override hover state coming from __button above.
&:hover,
&:focus {
background-color: darken($background, 16%);
}
} }
} }