From b713164b3b28931781d2c13099fee521afd7f06a Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Wed, 22 Jun 2022 19:08:11 +0200
Subject: [PATCH] feat: setup tailwind, postcss and custom css utilities

---
 postcss.config.cjs  |  6 +++++
 src/index.css       | 55 +++++++++++++++++++++++++++++++++++++++++++++
 tailwind.config.cjs | 29 ++++++++++++++++++++++++
 3 files changed, 90 insertions(+)
 create mode 100644 postcss.config.cjs
 create mode 100644 src/index.css
 create mode 100644 tailwind.config.cjs

diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..12a703d
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..a26c351
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,55 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .hyphenate {
+    hyphens: auto;
+  }
+
+  .text-height {
+    height: 1em;
+    width: auto;
+  }
+
+  .sortable-drag-card {
+    @apply card card-bordered card-compact bg-white;
+    opacity: 0.8 !important;
+  }
+
+  .sortable-ghost-card {
+    @apply indicator w-full;
+  }
+
+  .sortable-ghost-card .card {
+    @apply border-accent;
+  }
+
+  .file-input::file-selector-button {
+    @apply btn btn-xs;
+  }
+
+  .select-list {
+    position: absolute;
+    z-index: 999;
+  }
+
+  .input-group .solid-select-container * {
+    border-radius: 0;
+  }
+
+  .tr-bg-transparent td,
+  .tr-bg-transparent th {
+    @apply bg-transparent;
+  }
+}
+
+@layer base {
+  td {
+    @apply bg-clip-padding;
+  }
+
+  .ignore-white-space .white-space {
+    @apply whitespace-nowrap;
+  }
+}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..535271a
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,29 @@
+module.exports = {
+  content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        "lufrai-primary-darker": "#003c36",
+        "lufrai-primary": "#2c837a",
+        "lufrai-primary-light": "#59a59d",
+        "swiss-red": "#FF0000", // the old one: "#E11A27"
+      },
+      screens: {
+        sm: "640px",
+        // => @media (min-width: 640px) { ... }
+
+        md: "768px",
+        // => @media (min-width: 768px) { ... }
+
+        lg: "1024px",
+        // => @media (min-width: 1024px) { ... }
+
+        xl: "1280px",
+        // => @media (min-width: 1280px) { ... }
+
+        xxl: "1680px",
+      },
+    },
+  },
+  plugins: [require("@tailwindcss/typography"), require("daisyui")],
+};