From 4392992f06e2e05127fa7ae3522f5fba577e0136 Mon Sep 17 00:00:00 2001 From: Melissa Draper Date: Wed, 23 Apr 2025 14:33:47 -0700 Subject: [PATCH] Tweak content widths for codeblocks --- _includes/inline-hero-style.css | 2 +- _includes/inline-style.css | 6 +++++- _layouts/home.html | 2 +- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/_includes/inline-hero-style.css b/_includes/inline-hero-style.css index 5ef781e9..3ef85d46 100644 --- a/_includes/inline-hero-style.css +++ b/_includes/inline-hero-style.css @@ -89,7 +89,7 @@ grid-template-areas: "logo tagline" "logo cta"; } .hero .logo, .hero .tagline, .hero .cta { - max-width: calc(var(--content-max-width) / 1.5); + max-width: calc(var(--content-max-width) / 1.90); } .hero .logo { justify-self: end; diff --git a/_includes/inline-style.css b/_includes/inline-style.css index a96e7dcb..497415ac 100644 --- a/_includes/inline-style.css +++ b/_includes/inline-style.css @@ -32,7 +32,7 @@ :root { --header-height: 4rem; --content-inline-padding: 1.3rem; - --content-max-width: 80ch; + --content-max-width: 100ch; /* define our palette for all themes */ --white: #fff; --gray-100: #f3f4f6; @@ -340,6 +340,10 @@ main { margin: 2rem auto; } +main.front { + max-width: calc(var(--content-max-width) - 20ch); +} + nav.article-nav { display: flex; flex-direction: row; diff --git a/_layouts/home.html b/_layouts/home.html index 164bc1f8..ecf7cae0 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -27,7 +27,7 @@ {%- include hero.html -%} {% endif %} -
+
{%- include article.html article=site.posts.first -%}