From 505dee6d906563a6d0d272fc20f874c7eb7fb42b Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn_wells@apple.com>
Date: Thu, 6 Jun 2024 14:45:22 -0700
Subject: [PATCH] Add spacing.css and spacing_css.html partial

---
 assets/css/spacing.css            | 33 +++++++++++++++++++++++++++++++
 layouts/partials/spacing_css.html |  5 +++++
 2 files changed, 38 insertions(+)
 create mode 100644 assets/css/spacing.css
 create mode 100644 layouts/partials/spacing_css.html

diff --git a/assets/css/spacing.css b/assets/css/spacing.css
new file mode 100644
index 0000000..8cc58a7
--- /dev/null
+++ b/assets/css/spacing.css
@@ -0,0 +1,33 @@
+/* spacing.css
+ * Eryn Wells <eryn@erynwells.me>
+ * vim: set sw=2 sts=2:
+ */
+
+{{ $spacingBase := 1 }}
+{{ $spacingUnit := "em" }}
+{{ $spacingFactor := 1.618 }}
+
+{{ $scale := (dict
+    "xxs" -3
+    "xs"  -2
+    "s"   -1
+    "m"    1
+    "l"    2
+    "xl"   3
+    "xxl"  4
+) }}
+
+:root {
+    {{ range $name, $exponent := $scale }}
+        {{ $value := $spacingBase * (math.Pow $spacingFactor $exponent) }}
+        --spacing-{{ $name }}: {{ $value }}{{ $spacingUnit }};
+    {{ end }}
+}
+
+{{ range $name, $exponent := $scale }}
+    /* Spacing utility classes: {{ $name }} */
+    .sp-bls-{{ $name }} { margin-block-start: var(--spacing-{{ $name }}); }
+    .sp-ble-{{ $name }} { margin-block-end: var(--spacing-{{ $name }}); }
+    .sp-ins-{{ $name }} { margin-inline-start: var(--spacing-{{ $name }}); }
+    .sp-ine-{{ $name }} { margin-inline-end: var(--spacing-{{ $name }}); }
+{{ end }}
diff --git a/layouts/partials/spacing_css.html b/layouts/partials/spacing_css.html
new file mode 100644
index 0000000..2d9627b
--- /dev/null
+++ b/layouts/partials/spacing_css.html
@@ -0,0 +1,5 @@
+{{
+    $spacingCSS := resources.Get "css/spacing.css"
+                 | resources.ExecuteAsTemplate "spacing.css" .
+}}
+{{ return $spacingCSS }}