Done with table and generalized styling

node_modules/daisyui/src/lib/responsiveRegex.js

@@ -0,0 +1,45 @@
+// regext for all daisyUI colors
+// ((primary|secondary|accent|neutral)(-focus|-content|))|((info|success|warning|error)(-content|))|(base)(-100|-200|-300|-content)
+
+// regex for all Tailwind CSS color utilities
+// (bg|to|via|from|text|ring|fill|caret|stroke|border|divide|accent|shadow|outline|decoration|placeholder|ring-offset)
+
+module.exports = [
+  {
+    pattern: /.*/,
+  },
+  {
+    // responsive utilites for daisyUI responsive modifiers
+    pattern: /.(sm|md|lg|xl)/,
+    variants: ["sm", "md", "lg", "xl"],
+  },
+  {
+    // responsive utilites for daisyUI components
+    pattern:
+      /(drawer-open|modal-middle|modal-top|modal-bottom|card-side|card-compact|card-normal|stats)/,
+    variants: ["sm", "md", "lg", "xl"],
+  },
+  {
+    // color utilities for daisyUI colors
+    pattern:
+      /(bg|to|via|from|text|fill|stroke|border|outline)-((primary|secondary|accent|neutral)(-focus|-content|))|((info|success|warning|error)(-content|))|(base)(-100|-200|-300|-content)/,
+    variants: [
+      // "first",
+      // "last",
+      // "odd",
+      // "even",
+      // "visited",
+      // "checked",
+      // "empty",
+      // "read-only",
+      // "group-hover",
+      // "group-focus",
+      // "focus-within",
+      "hover",
+      "focus",
+      // "focus-visible",
+      // "active",
+      // "disabled",
+    ],
+  },
+]