From 76b3f5ec4e86deeaa52cc1e0752bb51a223989d8 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Sun, 26 Jan 2025 17:57:45 +0800
Subject: feat(theme): outbox

Former-commit-id: 30c72f2f2182a77a3a549a11073f214df44df42c
---
 assets/css/components/_utility.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'assets/css/components/_utility.scss')

diff --git a/assets/css/components/_utility.scss b/assets/css/components/_utility.scss
index 1075d2ad..f247c850 100644
--- a/assets/css/components/_utility.scss
+++ b/assets/css/components/_utility.scss
@@ -27,3 +27,22 @@ figure {
         }
     }
 }
+
+.outbox {
+    display: flex;
+    justify-content: center;
+
+    // Default width
+    width: var(--page-width);
+
+    // Properly interpolate calc() in media queries
+    @media screen and (min-width: 768px) {
+        width: calc(var(--page-width) + 5rem * 2);
+        margin: 0 -5rem;
+    }
+
+    @media screen and (min-width: 1200px) {
+        width: calc(var(--page-width) + 10rem * 2);
+        margin: 0 -10rem;
+    }
+}
-- 
cgit v1.2.3