From 8e611f3a64836c64a41b46c03abcc4b7aa5d4f14 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 17 Dec 2025 09:50:19 +0100
Subject: [PATCH] Revert "Use inline-size instead of width."

This reverts commit 62e66c64ed4127ab29686000b1a9d05f872a9273.
---
 assets/sass/base/forms/_forms.scss       | 2 +-
 assets/sass/base/grouping/_grouping.scss | 6 +++---
 assets/sass/base/headings/_headings.scss | 2 +-
 assets/sass/base/images/_images.scss     | 2 +-
 assets/sass/base/reset/_reset.scss       | 2 +-
 assets/sass/layouts/_layouts.scss        | 6 +++---
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/assets/sass/base/forms/_forms.scss b/assets/sass/base/forms/_forms.scss
index 57ee7cf..cf3962d 100644
--- a/assets/sass/base/forms/_forms.scss
+++ b/assets/sass/base/forms/_forms.scss
@@ -59,7 +59,7 @@ input,
 label,
 textarea,
 select {
-  max-inline-size: var(--max-line-width);
+  max-width: var(--max-line-width);
 }
 
 fieldset {
diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss
index 9719ac2..520660c 100644
--- a/assets/sass/base/grouping/_grouping.scss
+++ b/assets/sass/base/grouping/_grouping.scss
@@ -13,7 +13,7 @@ blockquote {
   margin-inline: var(--indent-amount);
 
   /* Set max text line width in main for readability. */
-  max-inline-size: var(--max-line-width);
+  max-width: var(--max-line-width);
 }
 
 /* Lists */
@@ -58,7 +58,7 @@ li {
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-inline-size: var(--max-line-width);
+    max-width: var(--max-line-width);
   }
 }
 
@@ -83,7 +83,7 @@ p {
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-inline-size: var(--max-line-width);
+    max-width: var(--max-line-width);
   }
 }
 
diff --git a/assets/sass/base/headings/_headings.scss b/assets/sass/base/headings/_headings.scss
index 1ff1a98..f499acd 100644
--- a/assets/sass/base/headings/_headings.scss
+++ b/assets/sass/base/headings/_headings.scss
@@ -30,7 +30,7 @@ h6,
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-inline-size: var(--max-line-width);
+    max-width: var(--max-line-width);
   }
 }
 
diff --git a/assets/sass/base/images/_images.scss b/assets/sass/base/images/_images.scss
index 4dd21dc..0d6b12b 100644
--- a/assets/sass/base/images/_images.scss
+++ b/assets/sass/base/images/_images.scss
@@ -39,7 +39,7 @@ figure {
       contain: inline-size;
 
       /* Set max text line width in main for readability. */
-      max-inline-size: var(--max-line-width);
+      max-width: var(--max-line-width);
 
       /* Nicer text wrap, e.g. no lone word on last line. */
       text-wrap: pretty;
diff --git a/assets/sass/base/reset/_reset.scss b/assets/sass/base/reset/_reset.scss
index f5cbbe5..fc34e52 100644
--- a/assets/sass/base/reset/_reset.scss
+++ b/assets/sass/base/reset/_reset.scss
@@ -60,7 +60,7 @@ object {
 img,
 svg,
 video {
-  max-inline-size: 100%;
+  max-width: 100%;
   height: auto;
 }
 
diff --git a/assets/sass/layouts/_layouts.scss b/assets/sass/layouts/_layouts.scss
index 88de68f..24042c3 100644
--- a/assets/sass/layouts/_layouts.scss
+++ b/assets/sass/layouts/_layouts.scss
@@ -3,7 +3,7 @@
 /* Initial layout setup. */
 .layout {
   &__page {
-    max-inline-size: var(--max-page-width);
+    max-width: var(--max-page-width);
 
     @media (min-width: 666px) {
       margin-inline: auto;
@@ -22,7 +22,7 @@
   &__page-bottom,
   &__cookieconsent {
     padding-inline: var(--gutters);
-    min-inline-size: 0;  /* With display grid defaults to auto, making <pre> overflow. */
+    min-width: 0;  /* With display grid defaults to auto, making <pre> overflow. */
   }
 }
 
@@ -32,7 +32,7 @@
 @if $max-page-width > $max-content-width {
   .layout {
     &__navigation > * {
-      max-inline-size: var(--max-content-width);
+      max-width: var(--max-content-width);
 
       @media (min-width: 666px) {
         margin-inline: auto;