SabrinaMiranda/desafio-react-e-typescript-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(footer): Aplica hover em alguns ícones e links

Browse Source
This commit is contained in:
Sabrina Miranda 2023-01-12 01:59:07 -03:00
parent e374460038
commit 4f1eff22bd
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/FooterBottom/FooterBottom.module.scss
View File

@ -128,6 +128,10 @@
@media (min-width: 2500px) {
width: 84px;
}
&:hover {
filter: brightness(80%);
}
}
&__logo-m3 {
@ -136,6 +140,10 @@
@media (min-width: 2500px) {
width: 54px;
}
&:hover {
filter: brightness(80%);
}
}
}
}

8
src/components/RedesSociais/RedesSociais.module.scss
View File

@ -15,6 +15,10 @@
&__icon {
width: 35px;
&:hover {
filter: contrast(40%);
}
@media (min-width: 2500px) {
width: 70px;
}
@ -26,6 +30,10 @@
line-height: 16px;
color: variables.$black-300;
&:hover {
filter: contrast(60%);
}
@media (min-width: 2500px) {
font-size: 28px;
line-height: 33px;