fix: styles

This commit is contained in:
Cory Dransfeldt 2024-03-14 13:11:03 -07:00
parent 9e5ab23705
commit 3037690277
No known key found for this signature in database
6 changed files with 11 additions and 9 deletions

View file

@ -1,5 +1,5 @@
{% if albumReleases.size > 0 %}
<h2 id="album-releases" class="media__grid--header flex--centered">
<h2 id="album-releases" class="now__section--header flex--centered">
{% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums
</h2>

View file

@ -7,7 +7,7 @@
<style>{{ css }}</style>
{% endif %}
{% assign media = data | normalizeMedia %}
<h2 id="{{ title | downcase }}" class="media__grid--header flex--centered">
<h2 id="{{ title | downcase }}" class="now__section--header flex--centered">
{% tablericon icon title %}
{{ title }}
</h2>

View file

@ -1,5 +1,5 @@
{% if links.size > 0 %}
<h2 id="links" class="media__grid--header flex--centered">
<h2 id="links" class="recent__links-header flex--centered">
{% tablericon "link" "Links" %}
Recent links
</h2>

View file

@ -3,11 +3,12 @@
--grid-vertical: repeat(3,minmax(0,1fr));
}
.media__grid--header {
.now__section--header,
.recent__links-header {
margin: var(--sizing-3xl) 0 var(--sizing-lg);
}
.media__grid--header:first-of-type {
.now__section--header:first-of-type {
margin-top: 0;
}

View file

@ -14,11 +14,12 @@
width: var(--sizing-base);
}
.media__grid--header {
.now__section--header,
.recent__links-header {
margin: var(--sizing-3xl) 0 var(--sizing-lg);
}
.media__grid--header:first-of-type {
.now__section--header:first-of-type {
margin-top: 0;
}

View file

@ -4,7 +4,7 @@ layout: now
permalink: /now.html
description: "See what I'm doing now."
---
<h2 class="flex--centered">
<h2 class="now__section--header flex--centered">
{% tablericon "clock-heart" "Currently" %}
Currently
</h2>
@ -19,7 +19,7 @@ description: "See what I'm doing now."
Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
</p>
</div>
<h2 class="flex--centered">
<h2 class="now__section--header flex--centered">
{% tablericon "terminal-2" "Making" %}
Making
</h2>