improve clickability of social links
This commit is contained in:
parent
7362dc790f
commit
334829db7e
2 changed files with 15 additions and 20 deletions
|
@ -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%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in a new issue