Improve footer socials hoover state, make the structure cleaner

This commit is contained in:
David Lapshin
2024-05-04 22:41:35 +03:00
parent 2ff0428619
commit 86cc9a7ff3
2 changed files with 29 additions and 16 deletions

View File

@ -46,9 +46,12 @@
<ul id="socials">
{% for link in config.extra.footer.socials %}
<li>
<a style='mask-image: url("data:image/svg+xml,{{ link.icon }}"); -webkit-mask-image: url("data:image/svg+xml,{{ link.icon }}")' href="{{ link.url | safe }}" rel="me" title="{{ link.name }}"><span>{{ link.name }}</span></a>
<a href="{{ link.url | safe }}" rel="me" title="{{ link.name }}">
<i style='mask-image: url("data:image/svg+xml,{{ link.icon }}"); -webkit-mask-image: url("data:image/svg+xml,{{ link.icon }}")'></i>
<span>{{ link.name }}</span>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</footer>
</footer>