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

Update hover effect for social buttons

Browse Source
This commit is contained in:
Ethan Paul
2024-11-08 13:00:42 -05:00
parent 81a9ff10ce
commit 65544f5377
1 changed files with 8 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
content/css/style.css
View File

@@ -896,94 +896,87 @@ body.mobile-nav-active #mobile-nav-toggle {
/*--------------------------------------------------------------
# Custom hexagon buttons
--------------------------------------------------------------*/
.hb.hb-xs {
color: #fff;
}
.hb.hb-xs:hover {
text-shadow: 0px 0px 10px white;
}
.hb-instagram, .hb-instagram:after, .hb-instagram:before {
background:#cd486b;
border-color:#cd486b;
color:#fff
}
.hb-instagram-inv, .hb-instagram-inv:after, .hb-instagram-inv:before, .hb-instagram:hover, .hb-instagram:hover:after, .hb-instagram:hover:before {
background:0 0;
border-color:#cd486b;
color:#cd486b;
}
.hb-instagram-inv:hover, .hb-instagram-inv:hover:after, .hb-instagram-inv:hover:before {
background:#cd486b;
border-color:#cd486b;
color:#fff;
}
.hb-email, .hb-email:after, .hb-email:before {
background:#840010;
border-color:#840010;
color:#fff;
}
.hb-email-inv, .hb-email-inv:after, .hb-email-inv:before, .hb-email:hover, .hb-email:hover:after, .hb-email:hover:before {
background:0 0;
border-color:#840010;
color:#840010;
}
.hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
background:#840010;
border-color:#840010;
color:#fff
}
.hb-resume, .hb-resume:after, .hb-resume:before {
background:#008080;
border-color:#008080;
color:#fff;
}
.hb-resume-inv, .hb-resume-inv:after, .hb-resume-inv:before, .hb-resume:hover, .hb-resume:hover:after, .hb-resume:hover:before {
background:0 0;
border-color:#008080;
color:#008080;
}
.hb-resume-inv:hover, .hb-resume-inv:hover:after, .hb-resume-inv:hover:before {
background:#008080;
border-color:#008080;
color:#fff;
}
.hb-mastodon, .hb-mastodon:after, .hb-mastodon:before {
background:#5b4adf;
border-color:#5b4adf;
color:#fff
}
.hb-mastodon-inv, .hb-mastodon-inv:after, .hb-mastodon-inv:before, .hb-mastodon:hover, .hb-mastodon:hover:after, .hb-mastodon:hover:before {
background:0 0;
border-color:#5b4adf;
color:#5b4adf;
}
.hb-mastodon-inv:hover, .hb-mastodon-inv:hover:after, .hb-mastodon-inv:hover:before {
background:#5b4adf;
border-color:#5b4adf;
color:#fff;
}
.hb-bluesky, .hb-bluesky:after, .hb-bluesky:before {
background:#0085ff;
border-color:#0085ff;
color:#fff
}
.hb-bluesky-inv, .hb-bluesky-inv:after, .hb-bluesky-inv:before, .hb-bluesky:hover, .hb-bluesky:hover:after, .hb-bluesky:hover:before {
background:0 0;
border-color:#0085ff;
color:#0085ff;
}
.hb-bluesky-inv:hover, .hb-bluesky-inv:hover:after, .hb-bluesky-inv:hover:before {
background:#0085ff;
border-color:#0085ff;
color:#fff;
}
.support-banner {