flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add hover on purple ButtonCircle

Browse Source
This commit is contained in:
Félix Péault
2021-11-07 11:48:16 +01:00
parent f88639a2e6
commit f58db34e41
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/style/atoms/_button-circle.scss
View File

@@ -8,7 +8,7 @@
height: 56px; height: 56px;
background: #fff; background: #fff;
border-radius: 100vh; border-radius: 100vh;
transition: background-color 0.7s var(--ease-quart); transition: background-color 0.8s var(--ease-quart);
& > * { & > * {
width: 22px; width: 22px;
@@ -104,6 +104,10 @@
// Purple color // Purple color
&--purple { &--purple {
background-color: $color-primary-tertiary20; background-color: $color-primary-tertiary20;
&:hover {
background-color: $color-lightpurple;
}
} }
// Gray color // Gray color