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) { @media (max-width: 1140px) {
display: none; display: none;
} }
ul { a {
list-style: none;
margin: 0;
padding: 1rem;
display: flex; display: flex;
flex-direction: column; padding: 1rem;
align-items: center; place-content: center;
justify-content: center; &:hover {
gap: 1rem; .mastodon-icon {
color: hsl(251.5, 58.9%, 51.4%);
}
}
.mastodon-icon {
color: hsl(239.6, 100%, 69.4%);
} }
.icon { .icon {
height: 1.25rem; height: 1.25rem;
width: 1.25rem; width: 1.25rem;
transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;
display: block; 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> </section>
<aside> <aside>
<section id="social-links"> <section id="social-links">
<ul> <a rel="me" href="https://social.anoxinon.de/@vri">{{ partial "helpers/icons" "mastodon" }}</a>
<li><a rel="me" href="https://social.anoxinon.de/@vri">{{ partial "helpers/icons" "mastodon" }}</a></li>
</ul>
</section> </section>
<section id="languages"> <section id="languages">
{{- if .Site.IsMultiLingual }} {{- if .Site.IsMultiLingual }}