Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-26 19:47:30 +00:00
Code Issues Projects Releases Wiki Activity

Add top border to hovered icons

Browse source
This commit is contained in:
Jordan Eldredge 2018-05-16 09:20:43 -07:00
parent 633de21aa1
commit cce701b3e6
1 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/page.css
View file

@ -41,6 +41,22 @@ body {
transition: 0.25s ease-out;
}
/* TODO: Ideally this would be a border not a :before */
.about a:before {
position: absolute;
top: 0;
content: "";
width: 42px; /* TODO: This should be derived not hard coded */
height: 1px;
background-color: rgba(255, 255, 255, 0);
transition: 0.25s ease-out;
}
.about a:hover:before {
background-color: rgba(255, 255, 255, 255);
transition: 0.25s ease-out;
}
.about a:hover svg {
transition: 0.25s ease-out;
transform: scale(1.35);