Setup tailwind with docspell build

modules/webapp/src/main/styles/index.css

@@ -0,0 +1,70 @@
+@import "@fortawesome/fontawesome-free/css/all";
+
+/* all @import must be above this line */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer components {
+  .label {
+      @apply flex flex-row items-center px-2 py-0.5 rounded border ;
+  }
+
+  .button {
+      @apply py-2 px-4 bg-blue-500 font-semibold rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-opacity-75;
+  }
+}
+
+@layer utilities {
+    .h-screen-10 {
+        height: calc(100vh - 2.5rem);
+    }
+    .h-screen-11 {
+        height: calc(100vh - 2.75rem);
+    }
+    .h-screen-12 {
+        height: calc(100vh - 3rem);
+    }
+    .h-full-10 {
+        height: calc(100% - 2.5rem);
+    }
+    .h-full-11 {
+        height: calc(100% - 2.75rem);
+    }
+    .h-full-12 {
+        height: calc(100% - 3rem);
+    }
+
+    .scrollbar-none {
+        scrollbar-width: none;
+    }
+
+    .tag::before {
+        position: absolute;
+        transform: translateY(-50%) translateX(50%) rotate(-45deg);
+        top: 50%;
+        right: 100%;
+        content: '';
+        background-color: inherit;
+        background-image: none;
+        border-color: inherit;
+        width: 1.2em;
+        height: 1.2em;
+        border-radius: 4px;
+    }
+
+    .tag::after {
+        position: absolute;
+        content: '';
+        top: 50%;
+        left: -.25em;
+        margin-top: -.25em;
+        background-color: #fff;
+        width: .4em;
+        height: .4em;
+        box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
+        border-radius: 500rem;
+    }
+}