From f353988c0db4e603a671c44d0ab99f4e13189f6b Mon Sep 17 00:00:00 2001
From: Egor Kloos <egor.kloos@ns.nl>
Date: Wed, 10 Jan 2024 17:37:29 +0100
Subject: [PATCH] Created support for safari 16.5

---
 src/system-spacing.css | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/system-spacing.css b/src/system-spacing.css
index bbd336d..d18b3e6 100644
--- a/src/system-spacing.css
+++ b/src/system-spacing.css
@@ -1,4 +1,20 @@
 @layer --system {
+	@supports (margin: 1cap) {
+		:root {
+			--_elememt-block-size: calc(1em - 1cap);
+			--_elememt-inline-size: calc(1em - 1ch);
+			--_interactive-block-size: calc(var(--_elememt-block-size) * 1.5);
+			--_interactive-inline-size: calc(var(--_elememt-inline-size) * 2.75);
+		}
+	}
+	@supports not (margin: 1cap) {
+		:root {
+			--_elememt-block-size: 0.4ex;
+			--_elememt-inline-size: 0.5ch;
+			--_interactive-block-size: 0.8ex;
+			--_interactive-inline-size: 1.5ch;
+		}
+	}
 	:root {
 		/* UNITS */
 		--system-spacing-single: clamp(8px, 1rem, 24px);
@@ -26,15 +42,11 @@
 		--system-spacing-row-gap: clamp(var(--system-spacing-single), 3cqw, var(--system-spacing-double));
 
 		/* ELEMENTS (Flow: inline) */
-		--_elememt-block-size: 0.4ex;
-		--_elememt-inline-size: 0.5ch;
 		--system-spacing-element-block: var(--_elememt-block-size);
 		--system-spacing-element-inline: var(--_elememt-inline-size);
 		--system-spacing-element: var(--system-spacing-element-block) var(--system-spacing-element-inline);
 
 		/* ELEMENTS (Flow: inline / block) */
-		--_interactive-block-size: 0.8ex;
-		--_interactive-inline-size: 1.5ch;
 		--system-spacing-interactive-block: var(--_interactive-block-size);
 		--system-spacing-interactive-inline: var(--_interactive-inline-size);
 		--system-spacing-interactive: var(--system-spacing-interactive-block) var(--system-spacing-interactive-inline);