improve clickability of social links

This commit is contained in:
Vri 🌈 2023-03-15 11:58:14 +01:00
parent 7362dc790f
commit 334829db7e
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 15 additions and 20 deletions

View file

@ -142,26 +142,23 @@
@media (max-width: 1140px) {
display: none;
}
ul {
list-style: none;
margin: 0;
padding: 1rem;
a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 1rem;
place-content: center;
&:hover {
.mastodon-icon {
color: hsl(251.5, 58.9%, 51.4%);
}
}
.mastodon-icon {
color: hsl(239.6, 100%, 69.4%);
}
.icon {
height: 1.25rem;
width: 1.25rem;
transition: color 0.2s ease-in-out;
display: block;
&.mastodon-icon {
color: hsl(239.6, 100%, 69.4%);
&:hover {
color: hsl(251.5, 58.9%, 51.4%);
}
}
}
}

View file

@ -21,9 +21,7 @@
</section>
<aside>
<section id="social-links">
<ul>
<li><a rel="me" href="https://social.anoxinon.de/@vri">{{ partial "helpers/icons" "mastodon" }}</a></li>
</ul>
<a rel="me" href="https://social.anoxinon.de/@vri">{{ partial "helpers/icons" "mastodon" }}</a>
</section>
<section id="languages">
{{- if .Site.IsMultiLingual }}