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 # 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 { .hb-instagram, .hb-instagram:after, .hb-instagram:before {
background:#cd486b; background:#cd486b;
border-color:#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 { .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; background:0 0;
border-color:#cd486b; border-color:#cd486b;
color:#cd486b;
} }
.hb-instagram-inv:hover, .hb-instagram-inv:hover:after, .hb-instagram-inv:hover:before { .hb-instagram-inv:hover, .hb-instagram-inv:hover:after, .hb-instagram-inv:hover:before {
background:#cd486b; background:#cd486b;
border-color:#cd486b; border-color:#cd486b;
color:#fff;
} }
.hb-email, .hb-email:after, .hb-email:before { .hb-email, .hb-email:after, .hb-email:before {
background:#840010; background:#840010;
border-color:#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 { .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; background:0 0;
border-color:#840010; border-color:#840010;
color:#840010;
} }
.hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before { .hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
background:#840010; background:#840010;
border-color:#840010; border-color:#840010;
color:#fff
} }
.hb-resume, .hb-resume:after, .hb-resume:before { .hb-resume, .hb-resume:after, .hb-resume:before {
background:#008080; background:#008080;
border-color:#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 { .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; background:0 0;
border-color:#008080; border-color:#008080;
color:#008080;
} }
.hb-resume-inv:hover, .hb-resume-inv:hover:after, .hb-resume-inv:hover:before { .hb-resume-inv:hover, .hb-resume-inv:hover:after, .hb-resume-inv:hover:before {
background:#008080; background:#008080;
border-color:#008080; border-color:#008080;
color:#fff;
} }
.hb-mastodon, .hb-mastodon:after, .hb-mastodon:before { .hb-mastodon, .hb-mastodon:after, .hb-mastodon:before {
background:#5b4adf; background:#5b4adf;
border-color:#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 { .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; background:0 0;
border-color:#5b4adf; border-color:#5b4adf;
color:#5b4adf;
} }
.hb-mastodon-inv:hover, .hb-mastodon-inv:hover:after, .hb-mastodon-inv:hover:before { .hb-mastodon-inv:hover, .hb-mastodon-inv:hover:after, .hb-mastodon-inv:hover:before {
background:#5b4adf; background:#5b4adf;
border-color:#5b4adf; border-color:#5b4adf;
color:#fff;
} }
.hb-bluesky, .hb-bluesky:after, .hb-bluesky:before { .hb-bluesky, .hb-bluesky:after, .hb-bluesky:before {
background:#0085ff; background:#0085ff;
border-color:#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 { .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; background:0 0;
border-color:#0085ff; border-color:#0085ff;
color:#0085ff;
} }
.hb-bluesky-inv:hover, .hb-bluesky-inv:hover:after, .hb-bluesky-inv:hover:before { .hb-bluesky-inv:hover, .hb-bluesky-inv:hover:after, .hb-bluesky-inv:hover:before {
background:#0085ff; background:#0085ff;
border-color:#0085ff; border-color:#0085ff;
color:#fff;
} }
.support-banner { .support-banner {