darkmode social links
This commit is contained in:
parent
13982e3670
commit
9c40ac5a02
|
@ -63,6 +63,41 @@ body{
|
||||||
color: var(--accentColor);
|
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{
|
footer{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue