adds fonts and tailwind generation

2025-03-07 10:41:06 -07:00
parent 1a7f4521f5
commit 935b4cd0e7
27 changed files with 171 additions and 36 deletions
--- a/assets/scss/components/_wompum.scss
+++ b/assets/scss/components/_wompum.scss
@@ -0,0 +1,32 @@
+.wompum {
+    &-container {
+        width: 100%;
+        margin: 0 auto;
+    }
+
+    &-grid {
+        display: grid;
+        gap: 0;
+        padding: 0;
+        width: 100%;
+    }
+
+    &-cell {
+        width: 100%;
+        min-height: 30px;
+        background-color: var(--sand-500);
+
+        // Create pseudo-random pattern using prime numbers
+        &:nth-child(7n+1) {
+            background-color: var(--sand-100);
+        }
+
+        &:nth-child(5n+2) {
+            background-color: var(--sand-900);
+        }
+
+        &:nth-child(11n+3) {
+            background-color: var(--sand-500);
+        }
+    }
+}