From 217b9111ba16d26c901542837be4dfd79d6a38f6 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 5 Aug 2025 16:59:15 +0100
Subject: [PATCH] Tailwind CSS and CSS variables

---
 tailwindcss/css-variables.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 tailwindcss/css-variables.html

diff --git a/tailwindcss/css-variables.html b/tailwindcss/css-variables.html
new file mode 100644
index 0000000..8f2eae9
--- /dev/null
+++ b/tailwindcss/css-variables.html
@@ -0,0 +1,21 @@
+<link href="/tailwind.css" rel="stylesheet" />
+
+<style>
+:root {
+  --color-primary: blue;
+  --roundedness: 0;
+}
+
+[data-theme="test"] {
+  --color-primary: red;
+  --roundedness: 100%;
+}
+</style>
+
+<div class="p-10 flex gap-4">
+  <div class="size-30 bg-(--color-primary) rounded-(--roundedness)"></div>
+
+  <div data-theme="test">
+    <div class="size-30 bg-(--color-primary) rounded-(--roundedness)"></div>
+  </div>
+</div>