Fix background color for hover of "Join" button
This commit is contained in:
parent
1e5d69739c
commit
207705bf30
1 changed files with 9 additions and 1 deletions
|
@ -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%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue