fix: update mobile styles

This commit is contained in:
Devin Haska 2024-02-21 22:30:52 -08:00
parent aa77e9bfb9
commit bab76c7f31
9 changed files with 91 additions and 67 deletions

View file

@ -1,17 +1,20 @@
<footer class="[ footer ] [ mt-1.5 py-1.5 ]">
<div class="[ footer-grid ] [ wrapper gap-0.5 ]">
<p>&copy; {{ meta.author }} 2018-2024.</p>
<nav class="[ footer-pages ]">
<ul class="[ flex-col list-none p-0 m-0 gap-0.5 ]">
{% for link in navigation.bottom %}
<li>
<a href="{{ link.url }}">{{ link.text }}</a>
</li>
{% endfor %}
</ul>
</nav>
<nav class="[ footer-socials ]">
<ul class="[ flex list-none gap-0.5 m-0 p-0 ]">
<footer class="[ bg-surface mt-1.5 py-1.5 ]">
<div class="[ wrapper flow ]">
<div class="[ repel ]">
<p>&copy; {{ meta.author }} 2018-2024.</p>
<nav>
<ul class="[ list-none cluster p-0 m-0 ]">
{% for link in navigation.bottom %}
<li>
<a href="{{ link.url }}">{{ link.text }}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
<nav style="--flow-space: var(--spacing-0\.5)">
<ul class="[ list-none cluster p-0 m-0 ]"
style="--gap: var(--spacing-0\.5)">
<li>
<span class="[ visually-hidden ]">RSS</span>
<a href="/rss.xml" target="_blank" aria-label="View RSS feed">{% include "svgs/rss.svg" %}</a>