status-im
/
artproject
mirror of https://github.com/status-im/artproject.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add footer link hover interaction

This commit is contained in:
Maciej Matuszewski 2018-01-16 19:19:10 +01:00
parent 21930d0893
commit 80fc98d4ca
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/components/_footer.scss
View File

@ -17,11 +17,30 @@
} }
&__link { &__link {
position: relative;
display: block; display: block;
padding: 10px; padding: 10px;
font-weight: 700; font-weight: 700;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
&::before {
position: absolute;
bottom: 6px;
left: 10px;
display: block;
width: calc(100% - 20px);
height: 2px;
background: $color-black;
content: '';
transform: scaleX(0);
transform-origin: left center;
transition: transform .5s $ease-out-quart;
}
&:hover::before {
transform: scaleX(1);
}
} }
&__attribution { &__attribution {