darkmode social links
This commit is contained in:
parent
13982e3670
commit
9c40ac5a02
|
@ -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…
Reference in New Issue