improve clickability of social links
This commit is contained in:
parent
7362dc790f
commit
334829db7e
2 changed files with 15 additions and 20 deletions
|
@ -142,27 +142,24 @@
|
|||
@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;
|
||||
}
|
||||
.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 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
#languages {
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in a new issue