fix: added fix on center layout

vycke · Oct 24, 2024 · 7f46798 · 7f46798
1 parent 4ed9d2d
commit 7f46798
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/feo.css b/feo.css
@@ -216,7 +216,7 @@
 @layer layout {
   .center {
     --layout-threshold: 100%;
-    max-width: var(--layout-threshold);
+    max-width: min(100%, var(--layout-threshold));
     width: 100%;
     margin-left: auto;
     margin-right: auto;

diff --git a/feo.min.css b/feo.min.css
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
     "build:11ty": "npx @11ty/eleventy && yarn css:docs"
   },
   "name": "feo-css",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "main": "feo.css",
   "description": "A tiny CSS framework",
   "repository": "https://github.com/vyckes/feo-css.git",

diff --git a/public/feo.min.css b/public/feo.min.css
diff --git a/src/layout/center.css b/src/layout/center.css
@@ -17,5 +17,5 @@
   margin-inline: auto;
   width: 100%;
   /* required to ensure certain elements that should be side-scrollable don't push out the layout at 100% */
-  max-width: var(--layout-threshold);
+  max-width: min(100%, var(--layout-threshold));
 }