fix: class grouping tidy-up

This commit is contained in:
Devin Haska 2024-02-06 16:04:50 -08:00
parent 4333a7bde9
commit 9ef9fd3b85
5 changed files with 15 additions and 14 deletions

View file

@ -1,6 +1,6 @@
{% set socialLinks = meta.social | entries %}
<footer class="[ footer ][ mt-1.5 py-1.5 ]">
<div class="[ footer-grid wrapper ][ gap-0.5 ]">
<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 ]">
@ -14,7 +14,7 @@
<nav class="[ footer-socials ]">
<ul class="[ flex list-none gap-0.5 m-0 p-0 ]">
<li>
<span class="visually-hidden">RSS</span>
<span class="[ visually-hidden ]">RSS</span>
<a href="#" target="_blank">{% include "svgs/rss.svg" %}</a>
</li>
{% for link in socialLinks %}
@ -22,7 +22,7 @@
{% set url = link | last %}
{% set alt = key | capitalize %}
<li>
<span class="visually-hidden">{{ alt }}</span>
<span class="[ visually-hidden ]">{{ alt }}</span>
<a href="{{ url }}" target="_blank" rel="external noreferrer noopener">{% include "svgs/social-" + key + ".svg" %}</a>
</li>
{% endfor %}

View file

@ -1,10 +1,11 @@
<header class="[ navbar ]">
<nav class="[ wrapper flex items-center justify-between ]">
<div class="[ flex items-center ] [ site-logo ]">
<a class="[ flex items-center justify-center ] [ logo ]" href="#">
<div class="[ site-logo ] [ flex items-center ]">
<a class="[ logo ] [ flex items-center justify-center ]"
href="{{ meta.url }}">
<img src="/assets/images/logo.svg" width="32" height="32" alt="" />
</a>
<a class="[ flex ] [ wordmark ]" href="#">
<a class="[ wordmark ] [ flex ]" href="#">
<span>wonderful</span>
<span>frog</span>
</a>

View file

@ -1,7 +1,7 @@
<ul class="[ flex ] [ links ]">
<ul class="[ links ] [ flex ]">
{% for item in navigation.top %}
<li>
<a class="nav" href="{{ item.url }}" {{ helpers.getLinkActiveState(item.url, page.url) | safe }}>{{ item.text }}</a>
<a href="{{ item.url }}" {{ helpers.getLinkActiveState(item.url, page.url) | safe }}>{{ item.text }}</a>
</li>
{% endfor %}
</ul>

View file

@ -23,7 +23,7 @@
</head>
<body>
{% include "partials/header.html" %}
<main id="main" class="wrapper flow">
<main id="main" class="[ flow wrapper ]">
{{ content | safe }}
</main>
{% include "partials/footer.html" %}

View file

@ -2,11 +2,11 @@
layout: base
---
<article class="flow">
<header class="flow" style="--flow-space: 1rem">
<time class="date" datetime="{{ date }}">{{ date | formatDate("MMMM D, YYYY") }}</time>
<article class="[ flow ]">
<header class="[ flow ]" style="--flow-space: 1rem">
<time class="[ date ]" datetime="{{ date }}">{{ date | formatDate("MMMM D, YYYY") }}</time>
<h1>{{ title }}</h1>
<ul class="categories">
<ul class="[ categories ]">
{% for category in categories %}<li>{{ category }}</li>{% endfor %}
</ul>
</header>