Improved spacing of social logos in footer.

This commit is contained in:
Stephan 2021-03-21 12:22:28 +01:00
parent 6778116845
commit b55f6eb00b
2 changed files with 28 additions and 25 deletions

View File

@ -848,8 +848,10 @@ footer {
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.footer__wrapper .social-logo{ .footer__social_logo {
max-width: 30px; max-width: 30px;
display: inline-block;
padding-top: 0.25rem;
} }
.footer__navitem { .footer__navitem {

View File

@ -80,30 +80,31 @@ __ ____________________
<div class="footer__wrapper"> <div class="footer__wrapper">
<ul class="footer__nav"> <ul class="footer__nav">
<li class="footer__navitem -first"> <li class="footer__navitem -first">
<p>folgt uns auf:</p> <p>Folgt uns auf:<br>
<a href="https://chaos.social/@HackerGeno" title="Mastodon"> <a href="https://chaos.social/@HackerGeno" title="Mastodon">
{%- if '/images/mastodon_logo.svg'|asseturl -%} {%- if '/images/mastodon_logo.svg'|asseturl -%}
<img alt="Mastodon Logo" class="social-logo" src="{{ '/images/mastodon_logo.svg'|asseturl }}"/> <img alt="Mastodon Logo" class="footer__social_logo" src="{{ '/images/mastodon_logo.svg'|asseturl }}"/>
{%- else -%} {%- else -%}
Mastodon Mastodon
{%- endif -%} {%- endif -%}
</a> </a>
<p>Abonniere unseren Podcast:</p> </p>
<p>Abonniere unseren Podcast:<br>
<a href="https://vebit.xyz/podcast/" title="Podcast"> <a href="https://vebit.xyz/podcast/" title="Podcast">
{%- if '/images/wtf_podcast_logo.svg'|asseturl -%} {%- if '/images/wtf_podcast_logo.svg'|asseturl -%}
<img alt="WTF Podcast Logo" class="social-logo" src="{{ '/images/wtf_podcast_logo.svg'|asseturl }}"/> <img alt="WTF Podcast Logo" class="footer__social_logo" src="{{ '/images/wtf_podcast_logo.svg'|asseturl }}"/>
{%- else -%} {%- else -%}
Podcast Podcast
{%- endif -%} {%- endif -%}
</a> </a>
<a href="https://vebit.xyz/wtf.xml" title="Podcast Feed"> <a href="https://vebit.xyz/wtf.xml" title="Podcast Feed">
{%- if '/images/rss_feed.svg'|asseturl -%} {%- if '/images/rss_feed.svg'|asseturl -%}
<img alt="Podcast Feed" class="social-logo" src="{{ '/images/rss_feed.svg'|asseturl }}"/> <img alt="Podcast Feed" class="footer__social_logo" src="{{ '/images/rss_feed.svg'|asseturl }}"/>
{%- else -%} {%- else -%}
Podcast Feed Podcast Feed
{%- endif -%} {%- endif -%}
</a> </a>
</p>
</li> </li>
<li class="footer__navitem -second"> <li class="footer__navitem -second">
WTF Kooperative eG<br/> WTF Kooperative eG<br/>