From fb5aed0ad45f431fecc1e38336fc77c4e40ff5fc Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 20:38:29 +0100
Subject: Pulls out layout variables

---
 public/css/variables/index.css  | 3 ++-
 public/css/variables/layout.css | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 public/css/variables/layout.css

(limited to 'public/css/variables')

diff --git a/public/css/variables/index.css b/public/css/variables/index.css
index 4494c47..a5c1a29 100644
--- a/public/css/variables/index.css
+++ b/public/css/variables/index.css
@@ -1,3 +1,4 @@
 @import 'colours.css';
 @import 'spacing.css';
-@import 'typography.css';
\ No newline at end of file
+@import 'typography.css';
+@import 'layout.css';
\ No newline at end of file
diff --git a/public/css/variables/layout.css b/public/css/variables/layout.css
new file mode 100644
index 0000000..904f5dc
--- /dev/null
+++ b/public/css/variables/layout.css
@@ -0,0 +1,7 @@
+:root {
+  --max-width-prose-content: 35rem;
+  --max-width-all-content: 56.6rem; /* golden ratio * prose content width */
+  
+  --breakpoint-sm: 640px;
+  --breakpoint-lg: 1280px;
+}
\ No newline at end of file
-- 
cgit v1.2.3