From de85c238055e27962523f0a86f971c84516728f3 Mon Sep 17 00:00:00 2001
From: Akbar Rahman <hi@alv.cx>
Date: Wed, 25 Dec 2024 19:10:55 +0000
Subject: [PATCH] create dotgrid module

---
 modules/dotgrid.css         |  5 +++++
 modules/readmes/dotgrid.txt | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 modules/dotgrid.css
 create mode 100644 modules/readmes/dotgrid.txt

diff --git a/modules/dotgrid.css b/modules/dotgrid.css
new file mode 100644
index 0000000..c62769b
--- /dev/null
+++ b/modules/dotgrid.css
@@ -0,0 +1,5 @@
+body {
+  background-size: var(--dotgrid-size) var(--dotgrid-size);
+  background-image: radial-gradient(circle, var(--fg-lc) var(--dotgrid-dot-size), rgba(0, 0, 0, 0) 1px);
+	background-position: center;
+}
diff --git a/modules/readmes/dotgrid.txt b/modules/readmes/dotgrid.txt
new file mode 100644
index 0000000..0fd7399
--- /dev/null
+++ b/modules/readmes/dotgrid.txt
@@ -0,0 +1,10 @@
+in the css
+
+	@import url("https://styles.alv.cx/modules/dotgrid.css");
+
+variables:
+
+	--dotgrid-size: 3em;
+  --dotgrid-dot-size: 1px;
+
+puts a background image on the `body` element.