Browse Source

darkmode social links

master
June 1 year ago
parent
commit
9c40ac5a02
  1. 35
      sass/darkmode.scss

35
sass/darkmode.scss

@ -63,6 +63,41 @@ body{ @@ -63,6 +63,41 @@ body{
color: var(--accentColor);
}
#social-links {
display: flex;
justify-content: center;
}
.social {
background-color: var(--accentColor);
height: 32px;
width: 32px;
mask-repeat: no-repeat;
mask-position: center;
display: inline-block;
}
.social:hover {
background-color: yellow;
}
.social#instagram {
mask-image: url("/img/social/instagram.svg");
}
.social#liberapay {
mask-image: url("/img/social/liberapay.svg");
}
.social#linkedin {
mask-image: url("/img/social/linkedin.svg");
}
.social#mastodon {
mask-image: url("/img/social/mastodon.svg");
}
.social#pleroma {
mask-image: url("/img/social/pleroma.svg");
}
.social#twitter {
mask-image: url("/img/social/twitter.svg");
}
footer{
text-align: center;

Loading…
Cancel
Save