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

Tweak Switcher link hover

Browse Source
This commit is contained in:
Félix Péault
2022-07-30 16:19:56 +02:00
parent 38deb96197
commit 23af1e944d
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/style/molecules/_switcher.scss
View File

@@ -45,10 +45,14 @@
font-size: rem(16px); font-size: rem(16px);
text-decoration: none; text-decoration: none;
border-radius: 6px; border-radius: 6px;
transition: background-color 0.25s ease-out; transition: background-color 0.4s var(--ease-quart);
&:hover { &:hover {
background: rgba($color-tertiary, 0.2); background: rgba($color-tertiary, 0.2);
:global(.icon) {
color: $color-tertiary;
}
} }
} }
:global(.icon) { :global(.icon) {
@@ -58,6 +62,7 @@
object-fit: contain; object-fit: contain;
margin-right: 16px; margin-right: 16px;
color: $color-secondary-light; color: $color-secondary-light;
transition: color 0.4s var(--ease-quart);
} }
// Active link // Active link