From eeef0be904a0d0b7a1037049e254419d4a1e3310 Mon Sep 17 00:00:00 2001
From: ayoayco <ayo@ayco.io>
Date: Sat, 13 Jul 2024 17:52:17 +0200
Subject: [PATCH] style: fix code highlighter width overflow

---
 assets/main.scss     | 6 +++++-
 assets/variables.css | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/main.scss b/assets/main.scss
index 9b2d552..f07985d 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -111,7 +111,7 @@ caption {
 }
 
 .wrapper {
-  max-width: 1000px;
+  max-width: var(--content-width);
 }
 
 .site-title {
@@ -317,6 +317,10 @@ iframe.mastodon-embed {
   &__content {
     margin: 1em 0;
 
+    .highlighter-rouge {
+      max-width: calc(100vw - 30px);
+    }
+
     h1,
     h2,
     h3 {
diff --git a/assets/variables.css b/assets/variables.css
index 36d4ccb..3aa7d57 100644
--- a/assets/variables.css
+++ b/assets/variables.css
@@ -1,5 +1,5 @@
 :root {
-  --content-width: 700px;
+  --content-width: 1000px;
   --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
   --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
   --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);