feat: style layers, imports and nesting

This commit is contained in:
Cory Dransfeldt 2024-04-15 12:37:32 -07:00
parent 8e5d497389
commit d4c87b8abe
No known key found for this signature in database
58 changed files with 968 additions and 981 deletions

View file

@ -4,10 +4,6 @@ layout: default
permalink: /404.html
image: /assets/img/404.jpg
---
{% capture css %}
{% render "../assets/styles/pages/404.css" %}
{% endcapture %}
<style>{{ css }}</style>
<div class="four-oh-four__wrapper">
{% image 'https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&w=1000', title, 'image__banner', 'eager' %}
<div class="text--centered">

View file

@ -6,10 +6,6 @@ permalink: /about.html
{%- assign artist = music.artists | first -%}
{%- assign book = books | first -%}
{%- assign show = tv | first -%}
{% capture css %}
{% render "../assets/styles/pages/about.css" %}
{% endcapture %}
<style>{{ css }}</style>
<div class="avatar__wrapper flex--centered">
<div class="avatar__wrapper--interior">
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}

View file

@ -4,7 +4,7 @@ layout: default
permalink: /contact/success.html
---
<div class="text--centered">
<h2>{{ title }}</h2>
<h2 class="contact__success--header">{{ title }}</h2>
I'll be in touch soon! <a href="/">Head home</a>
</div>
<hr class="large__spacing" />

View file

@ -4,12 +4,6 @@ layout: default
permalink: /contact.html
description: 'How to contact me.'
---
{% capture css %}
{% render "../assets/styles/components/forms.css" %}
{% render "../assets/styles/components/buttons.css" %}
{% render "../assets/styles/pages/contact.css" %}
{% endcapture %}
<style>{{ css }}</style>
<h2 class="page__header">{{ title }}</h2>
<div class="contact__wrapper">
<div class="column contact__description">

View file

@ -4,10 +4,6 @@ description: "Search through and find the posts on my site."
layout: default
permalink: /search.html
---
{% capture css %}
{% render "../assets/styles/components/forms.css" %}
{% endcapture %}
<style>{{ css }}</style>
<script src="/assets/scripts/components/minisearch.js"></script>
<script type="module">
(() => {

View file

@ -4,10 +4,6 @@ layout: default
permalink: /webrings.html
description: "Webrings are awesome! These are the ones I'm a member of."
---
{% capture css %}
{% render "../assets/styles/pages/webrings.css" %}
{% endcapture %}
<style>{{ css }}</style>
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>