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

View File

@ -17,11 +17,30 @@
}
&__link {
position: relative;
display: block;
padding: 10px;
font-weight: 700;
color: inherit;
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 {