enpaul/enpaul.net
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Fix excessive link hover animations on homelab page

Browse Source 
Fix circular icon bubbles being ovals
This commit is contained in:
Ethan Paul
2022-04-02 12:12:43 -04:00
parent 0587836498
commit 4158a5991b
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@@ -539,10 +539,13 @@ body.mobile-nav-active #mobile-nav-toggle {
#network .service-icon { #network .service-icon {
float: left; float: left;
background-color: #fff; background-color: #fff;
padding: 16px;
border-radius: 50%; border-radius: 50%;
transition: 0.5s; transition: 0.5s;
border: 1px solid black; border: 1px solid black;
width: 6rem;
height: 6rem;
padding-top: 1.6rem;
text-align: center;
} }
#network .service-icon i { #network .service-icon i {
@@ -550,16 +553,14 @@ body.mobile-nav-active #mobile-nav-toggle {
font-size: 24px; font-size: 24px;
} }
#network .service-item:hover .service-icon { #network a:hover .service-icon {
border: 1px solid #003777; border: 1px solid #003777;
outline: 0; outline: 0;
color: white; color: white;
background-color: #003777; background-color: #003777;
} }
#network .service-item:hover .service-icon i { #network a:hover .service-icon i { color: white; }
color: white;
}
#network .service-icon-no-link { #network .service-icon-no-link {
float: left; float: left;