From 782dcf289a5c57f26bdea52ec8a82352dbde8714 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sat, 30 Mar 2024 21:11:33 -0300
Subject: [PATCH] Add tail.css submodule

---
 .gitmodules                                   |   3 +
 bin/setup                                     |   2 +
 twenty-client/Gemfile.lock                    |   4 +-
 twenty-client/src/css/_global.scss            |  26 ++
 twenty-client/src/css/main.scss               |   6 +-
 twenty-client/src/css/vendor/_tail.scss       |  48 ---
 twenty-client/src/css/vendor/tail.css         |   1 +
 .../src/css/vendor/tail/_border.scss          |   3 -
 .../src/css/vendor/tail/_cursor.scss          |  35 ---
 .../src/css/vendor/tail/_display.scss         |  21 --
 twenty-client/src/css/vendor/tail/_flex.scss  |   3 -
 twenty-client/src/css/vendor/tail/_font.scss  |  13 -
 .../src/css/vendor/tail/_height.scss          |  40 ---
 .../src/css/vendor/tail/_margin.scss          | 288 ------------------
 .../src/css/vendor/tail/_padding.scss         | 279 -----------------
 twenty-client/src/css/vendor/tail/_text.scss  |   7 -
 twenty-client/src/css/vendor/tail/_width.scss | 156 ----------
 .../src/css/vendor/tail/border/_radius.scss   | 135 --------
 .../src/css/vendor/tail/border/_style.scss    |   6 -
 .../src/css/vendor/tail/border/_width.scss    |  45 ---
 .../src/css/vendor/tail/flex/_basis.scss      |  66 ----
 .../src/css/vendor/tail/flex/_direction.scss  |   7 -
 .../src/css/vendor/tail/flex/_wrap.scss       |   6 -
 twenty-client/tasks/nanoc.rake                |  20 +-
 24 files changed, 48 insertions(+), 1172 deletions(-)
 create mode 100644 .gitmodules
 delete mode 100644 twenty-client/src/css/vendor/_tail.scss
 create mode 160000 twenty-client/src/css/vendor/tail.css
 delete mode 100644 twenty-client/src/css/vendor/tail/_border.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_cursor.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_display.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_flex.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_font.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_height.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_margin.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_padding.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_text.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/_width.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/border/_radius.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/border/_style.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/border/_width.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/flex/_basis.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/flex/_direction.scss
 delete mode 100644 twenty-client/src/css/vendor/tail/flex/_wrap.scss

diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..cb73c57
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "twenty-client/src/css/vendor/tail.css"]
+	path = twenty-client/src/css/vendor/tail.css
+	url = https://github.com/0x1eef/tail.css
diff --git a/bin/setup b/bin/setup
index ee6d114..3d853b3 100755
--- a/bin/setup
+++ b/bin/setup
@@ -13,3 +13,5 @@ for dir in ${subdir}; do
     fi
     cd ${wrkdir}
 done
+git submodule update --init --recursive
+echo OK
diff --git a/twenty-client/Gemfile.lock b/twenty-client/Gemfile.lock
index 11efedc..5592c09 100644
--- a/twenty-client/Gemfile.lock
+++ b/twenty-client/Gemfile.lock
@@ -60,7 +60,7 @@ GEM
       nanoc-checking (~> 1.0)
       nanoc-cli (~> 4.11, >= 4.11.15)
       nanoc-core (~> 4.11, >= 4.11.15)
-    nanoc-webpack.rb (0.8.0)
+    nanoc-webpack.rb (0.8.1)
       ryo.rb (~> 0.5)
     parallel (1.24.0)
     parser (3.3.0.5)
@@ -137,7 +137,7 @@ PLATFORMS
 DEPENDENCIES
   listen (~> 3.8)
   nanoc (~> 4.12)
-  nanoc-webpack.rb (~> 0.8)
+  nanoc-webpack.rb (~> 0.8.1)
   rainpress (~> 1.0)
   sass (~> 3.7)
   standard (~> 1.35)
diff --git a/twenty-client/src/css/_global.scss b/twenty-client/src/css/_global.scss
index 50edc72..46c72b2 100644
--- a/twenty-client/src/css/_global.scss
+++ b/twenty-client/src/css/_global.scss
@@ -3,3 +3,29 @@ ul {
   margin: 0;
   padding: 0;
 }
+
+/* text colors */
+.bg-primary { background: $primary-color; }
+.bg-secondary { background: $secondary-color; }
+.bg-accent { background: $accent-color; }
+.text-primary { color: $primary-color; }
+.text-secondary { color: $secondary-color; }
+.text-accent { color: $accent-color; }
+
+/* text sizes */
+.text-xxsmall { font-size: xx-small; }
+.text-xsmall { font-size: x-small; }
+.text-small { font-size: small; }
+.text-smaller { font-size: smaller;  }
+.text-medium { font-size: medium; }
+.text-large { font-size: large; }
+.text-larger { font-size: larger; }
+
+/* text alignment */
+.text-left { text-align: left; }
+.text-center { text-align: center; }
+.text-right { text-align: right; }
+
+.border-primary { border-color: $primary-color; }
+.border-secondary { border-color: $secondary-color; }
+.border-accent { border-color: $accent-color; }
diff --git a/twenty-client/src/css/main.scss b/twenty-client/src/css/main.scss
index 0ee8ae6..b7a059b 100644
--- a/twenty-client/src/css/main.scss
+++ b/twenty-client/src/css/main.scss
@@ -1,11 +1,7 @@
 @import "fonts";
 @import "colors";
 @import "global";
-@import "vendor/tail";
-
-*, *:before, *:after {
-  box-sizing: border-box;
-}
+@import "tail";
 
 html, html body {
   height: 100%;
diff --git a/twenty-client/src/css/vendor/_tail.scss b/twenty-client/src/css/vendor/_tail.scss
deleted file mode 100644
index c66ea03..0000000
--- a/twenty-client/src/css/vendor/_tail.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@import "tail/height";
-@import "tail/width";
-@import "tail/margin";
-@import "tail/padding";
-@import "tail/border";
-@import "tail/text";
-@import "tail/font";
-@import "tail/cursor";
-@import "tail/flex";
-@import "tail/display";
-
-/* flex */
-.flex { display: flex; }
-.flex-wrap { flex-wrap: wrap; }
-.flex-wrap-reverse { flex-wrap: wrap-reverse; }
-.flex-nowrap { flex-wrap: nowrap; }
-.flex-row { flex-direction: row; }
-.flex-column { flex-direction: column; }
-.justify-content-start { justify-content: flex-start; }
-.justify-content-center { justify-content: center; }
-.justify-content-end { justify-content: flex-end; }
-.align-items-center { align-items: center; }
-
-/* text colors */
-.bg-primary { background: $primary-color; }
-.bg-secondary { background: $secondary-color; }
-.bg-accent { background: $accent-color; }
-.text-primary { color: $primary-color; }
-.text-secondary { color: $secondary-color; }
-.text-accent { color: $accent-color; }
-
-/* text sizes */
-.text-xxsmall { font-size: xx-small; }
-.text-xsmall { font-size: x-small; }
-.text-small { font-size: small; }
-.text-smaller { font-size: smaller;  }
-.text-medium { font-size: medium; }
-.text-large { font-size: large; }
-.text-larger { font-size: larger; }
-
-/* text alignment */
-.text-left { text-align: left; }
-.text-center { text-align: center; }
-.text-right { text-align: right; }
-
-.border-primary { border-color: $primary-color; }
-.border-secondary { border-color: $secondary-color; }
-.border-accent { border-color: $accent-color; }
diff --git a/twenty-client/src/css/vendor/tail.css b/twenty-client/src/css/vendor/tail.css
new file mode 160000
index 0000000..d9ef67c
--- /dev/null
+++ b/twenty-client/src/css/vendor/tail.css
@@ -0,0 +1 @@
+Subproject commit d9ef67cf8db10d399771a6d50a9746c3aee695a8
diff --git a/twenty-client/src/css/vendor/tail/_border.scss b/twenty-client/src/css/vendor/tail/_border.scss
deleted file mode 100644
index 8c6804e..0000000
--- a/twenty-client/src/css/vendor/tail/_border.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "border/width";
-@import "border/style";
-@import "border/radius";
diff --git a/twenty-client/src/css/vendor/tail/_cursor.scss b/twenty-client/src/css/vendor/tail/_cursor.scss
deleted file mode 100644
index 1776dd8..0000000
--- a/twenty-client/src/css/vendor/tail/_cursor.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.cursor-auto { cursor: auto; }
-.cursor-default { cursor: default; }
-.cursor-pointer { cursor: pointer; }
-.cursor-wait { cursor: wait; }
-.cursor-text { cursor: text; }
-.cursor-move { cursor: move; }
-.cursor-help { cursor: help; }
-.cursor-not-allowed { cursor: not-allowed; }
-.cursor-none { cursor: none; }
-.cursor-context-menu { cursor: context-menu; }
-.cursor-progress { cursor: progress; }
-.cursor-cell { cursor: cell; }
-.cursor-crosshair { cursor: crosshair; }
-.cursor-vertical-text { cursor: vertical-text; }
-.cursor-alias { cursor: alias; }
-.cursor-copy { cursor: copy; }
-.cursor-no-drop { cursor: no-drop; }
-.cursor-grab { cursor: grab; }
-.cursor-grabbing { cursor: grabbing; }
-.cursor-all-scroll { cursor: all-scroll; }
-.cursor-col-resize { cursor: col-resize; }
-.cursor-row-resize { cursor: row-resize; }
-.cursor-n-resize { cursor: n-resize; }
-.cursor-e-resize { cursor: e-resize; }
-.cursor-s-resize { cursor: s-resize; }
-.cursor-w-resize { cursor: w-resize; }
-.cursor-ne-resize { cursor: ne-resize; }
-.cursor-nw-resize { cursor: nw-resize; }
-.cursor-se-resize { cursor: se-resize; }
-.cursor-sw-resize { cursor: sw-resize; }
-.cursor-ew-resize { cursor: ew-resize; }
-.cursor-ns-resize { cursor: ns-resize; }
-.cursor-nesw-resize { cursor: nesw-resize; }
-.cursor-nwse-resize { cursor: nwse-resize; }
-.cursor-zoom-in { cursor: zoom-in; }
diff --git a/twenty-client/src/css/vendor/tail/_display.scss b/twenty-client/src/css/vendor/tail/_display.scss
deleted file mode 100644
index 3a6f5a0..0000000
--- a/twenty-client/src/css/vendor/tail/_display.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.block { display: block; }
-.inline-block { display: inline-block; }
-.inline { display: inline; }
-.flex { display: flex; }
-.inline-flex { display: inline-flex; }
-.table { display: table; }
-.inline-table { display: inline-table; }
-.table-caption { display: table-caption; }
-.table-cell { display: table-cell; }
-.table-column { display: table-column; }
-.table-column-group { display: table-column-group; }
-.table-footer-group { display: table-footer-group; }
-.table-header-group { display: table-header-group; }
-.table-row-group { display: table-row-group; }
-.table-row { display: table-row; }
-.flow-root { display: flow-root; }
-.grid { display: grid; }
-.inline-grid { display: inline-grid; }
-.contents { display: contents; }
-.list-item { display: list-item; }
-.hidden { display: none; }
diff --git a/twenty-client/src/css/vendor/tail/_flex.scss b/twenty-client/src/css/vendor/tail/_flex.scss
deleted file mode 100644
index 469aeae..0000000
--- a/twenty-client/src/css/vendor/tail/_flex.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "flex/direction";
-@import "flex/wrap";
-@import "flex/basis";
diff --git a/twenty-client/src/css/vendor/tail/_font.scss b/twenty-client/src/css/vendor/tail/_font.scss
deleted file mode 100644
index 845263d..0000000
--- a/twenty-client/src/css/vendor/tail/_font.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
-.font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
-.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
-
-.font-thin { font-weight: 100; }
-.font-extralight { font-weight: 200; }
-.font-light { font-weight: 300; }
-.font-normal { font-weight: 400; }
-.font-medium { font-weight: 500; }
-.font-semibold { font-weight: 600; }
-.font-bold { font-weight: 700; }
-.font-extrabold { font-weight: 800; }
-.font-black { font-weight: 900; }
diff --git a/twenty-client/src/css/vendor/tail/_height.scss b/twenty-client/src/css/vendor/tail/_height.scss
deleted file mode 100644
index 55a41d5..0000000
--- a/twenty-client/src/css/vendor/tail/_height.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.h-0 { height: 0px; }
-.h-px { height: 1px; }
-.h-1 { height: 0.25rem;  }
-.h-2 { height: 0.5rem;  }
-.h-3 { height: 0.75rem;  }
-.h-4 { height: 1rem;  }
-.h-5 { height: 1.25rem;  }
-.h-6 { height: 1.5rem;  }
-.h-7 { height: 1.75rem;  }
-.h-8 { height: 2rem;  }
-.h-9 { height: 2.25rem;  }
-.h-10 { height: 2.5rem;  }
-.h-11 { height: 2.75rem;  }
-.h-12 { height: 3rem;  }
-.h-14 { height: 3.5rem;  }
-.h-16 { height: 4rem;  }
-.h-20 { height: 5rem;  }
-.h-24 { height: 6rem;  }
-.h-28 { height: 7rem;  }
-.h-32 { height: 8rem;  }
-.h-36 { height: 9rem;  }
-.h-40 { height: 10rem;  }
-.h-44 { height: 11rem;  }
-.h-48 { height: 12rem;  }
-.h-52 { height: 13rem;  }
-.h-56 { height: 14rem;  }
-.h-60 { height: 15rem;  }
-.h-64 { height: 16rem;  }
-.h-72 { height: 18rem;  }
-.h-80 { height: 20rem;  }
-.h-96 { height: 24rem;  }
-.h-auto { height: auto; }
-.h-full { height: 100%; }
-.h-screen { height: 100vh; }
-.h-svh { height: 100svh; }
-.h-lvh { height: 100lvh; }
-.h-dvh { height: 100dvh; }
-.h-min { height: min-content; }
-.h-max { height: max-content; }
-.h-fit { height: fit-content; }
diff --git a/twenty-client/src/css/vendor/tail/_margin.scss b/twenty-client/src/css/vendor/tail/_margin.scss
deleted file mode 100644
index a2e25dd..0000000
--- a/twenty-client/src/css/vendor/tail/_margin.scss
+++ /dev/null
@@ -1,288 +0,0 @@
-.m-0 { margin: 0px; }
-.mx-0 { margin-left: 0px; }
-.my-0 { margin-top: 0px; }
-.ms-0 { margin-inline-start: 0px; }
-.me-0 { margin-inline-end: 0px; }
-.mt-0 { margin-top: 0px; }
-.mr-0 { margin-right: 0px; }
-.mb-0 { margin-bottom: 0px; }
-.ml-0 { margin-left: 0px; }
-.m-px { margin: 1px; }
-.mx-px { margin-left: 1px; }
-.my-px { margin-top: 1px; }
-.ms-px { margin-inline-start: 1px; }
-.me-px { margin-inline-end: 1px; }
-.mt-px { margin-top: 1px; }
-.mr-px { margin-right: 1px; }
-.mb-px { margin-bottom: 1px; }
-.ml-px { margin-left: 1px; }
-.m-1 { margin: 0.25rem;  }
-.mx-1 { margin-left: 0.25rem;  }
-.my-1 { margin-top: 0.25rem;  }
-.ms-1 { margin-inline-start: 0.25rem;  }
-.me-1 { margin-inline-end: 0.25rem;  }
-.mt-1 { margin-top: 0.25rem;  }
-.mr-1 { margin-right: 0.25rem;  }
-.mb-1 { margin-bottom: 0.25rem;  }
-.ml-1 { margin-left: 0.25rem;  }
-.m-2 { margin: 0.5rem;  }
-.mx-2 { margin-left: 0.5rem;  }
-.my-2 { margin-top: 0.5rem;  }
-.ms-2 { margin-inline-start: 0.5rem;  }
-.me-2 { margin-inline-end: 0.5rem;  }
-.mt-2 { margin-top: 0.5rem;  }
-.mr-2 { margin-right: 0.5rem;  }
-.mb-2 { margin-bottom: 0.5rem;  }
-.ml-2 { margin-left: 0.5rem;  }
-.m-3 { margin: 0.75rem;  }
-.mx-3 { margin-left: 0.75rem;  }
-.my-3 { margin-top: 0.75rem;  }
-.ms-3 { margin-inline-start: 0.75rem;  }
-.me-3 { margin-inline-end: 0.75rem;  }
-.mt-3 { margin-top: 0.75rem;  }
-.mr-3 { margin-right: 0.75rem;  }
-.mb-3 { margin-bottom: 0.75rem;  }
-.ml-3 { margin-left: 0.75rem;  }
-.m-4 { margin: 1rem;  }
-.mx-4 { margin-left: 1rem;  }
-.my-4 { margin-top: 1rem;  }
-.ms-4 { margin-inline-start: 1rem;  }
-.me-4 { margin-inline-end: 1rem;  }
-.mt-4 { margin-top: 1rem;  }
-.mr-4 { margin-right: 1rem;  }
-.mb-4 { margin-bottom: 1rem;  }
-.ml-4 { margin-left: 1rem;  }
-.m-5 { margin: 1.25rem;  }
-.mx-5 { margin-left: 1.25rem;  }
-.my-5 { margin-top: 1.25rem;  }
-.ms-5 { margin-inline-start: 1.25rem;  }
-.me-5 { margin-inline-end: 1.25rem;  }
-.mt-5 { margin-top: 1.25rem;  }
-.mr-5 { margin-right: 1.25rem;  }
-.mb-5 { margin-bottom: 1.25rem;  }
-.ml-5 { margin-left: 1.25rem;  }
-.m-6 { margin: 1.5rem;  }
-.mx-6 { margin-left: 1.5rem;  }
-.my-6 { margin-top: 1.5rem;  }
-.ms-6 { margin-inline-start: 1.5rem;  }
-.me-6 { margin-inline-end: 1.5rem;  }
-.mt-6 { margin-top: 1.5rem;  }
-.mr-6 { margin-right: 1.5rem;  }
-.mb-6 { margin-bottom: 1.5rem;  }
-.ml-6 { margin-left: 1.5rem;  }
-.m-7 { margin: 1.75rem;  }
-.mx-7 { margin-left: 1.75rem;  }
-.my-7 { margin-top: 1.75rem;  }
-.ms-7 { margin-inline-start: 1.75rem;  }
-.me-7 { margin-inline-end: 1.75rem;  }
-.mt-7 { margin-top: 1.75rem;  }
-.mr-7 { margin-right: 1.75rem;  }
-.mb-7 { margin-bottom: 1.75rem;  }
-.ml-7 { margin-left: 1.75rem;  }
-.m-8 { margin: 2rem;  }
-.mx-8 { margin-left: 2rem;  }
-.my-8 { margin-top: 2rem;  }
-.ms-8 { margin-inline-start: 2rem;  }
-.me-8 { margin-inline-end: 2rem;  }
-.mt-8 { margin-top: 2rem;  }
-.mr-8 { margin-right: 2rem;  }
-.mb-8 { margin-bottom: 2rem;  }
-.ml-8 { margin-left: 2rem;  }
-.m-9 { margin: 2.25rem;  }
-.mx-9 { margin-left: 2.25rem;  }
-.my-9 { margin-top: 2.25rem;  }
-.ms-9 { margin-inline-start: 2.25rem;  }
-.me-9 { margin-inline-end: 2.25rem;  }
-.mt-9 { margin-top: 2.25rem;  }
-.mr-9 { margin-right: 2.25rem;  }
-.mb-9 { margin-bottom: 2.25rem;  }
-.ml-9 { margin-left: 2.25rem;  }
-.m-10 { margin: 2.5rem;  }
-.mx-10 { margin-left: 2.5rem;  }
-.my-10 { margin-top: 2.5rem;  }
-.ms-10 { margin-inline-start: 2.5rem;  }
-.me-10 { margin-inline-end: 2.5rem;  }
-.mt-10 { margin-top: 2.5rem;  }
-.mr-10 { margin-right: 2.5rem;  }
-.mb-10 { margin-bottom: 2.5rem;  }
-.ml-10 { margin-left: 2.5rem;  }
-.m-11 { margin: 2.75rem;  }
-.mx-11 { margin-left: 2.75rem;  }
-.my-11 { margin-top: 2.75rem;  }
-.ms-11 { margin-inline-start: 2.75rem;  }
-.me-11 { margin-inline-end: 2.75rem;  }
-.mt-11 { margin-top: 2.75rem;  }
-.mr-11 { margin-right: 2.75rem;  }
-.mb-11 { margin-bottom: 2.75rem;  }
-.ml-11 { margin-left: 2.75rem;  }
-.m-12 { margin: 3rem;  }
-.mx-12 { margin-left: 3rem;  }
-.my-12 { margin-top: 3rem;  }
-.ms-12 { margin-inline-start: 3rem;  }
-.me-12 { margin-inline-end: 3rem;  }
-.mt-12 { margin-top: 3rem;  }
-.mr-12 { margin-right: 3rem;  }
-.mb-12 { margin-bottom: 3rem;  }
-.ml-12 { margin-left: 3rem;  }
-.m-14 { margin: 3.5rem;  }
-.mx-14 { margin-left: 3.5rem;  }
-.my-14 { margin-top: 3.5rem;  }
-.ms-14 { margin-inline-start: 3.5rem;  }
-.me-14 { margin-inline-end: 3.5rem;  }
-.mt-14 { margin-top: 3.5rem;  }
-.mr-14 { margin-right: 3.5rem;  }
-.mb-14 { margin-bottom: 3.5rem;  }
-.ml-14 { margin-left: 3.5rem;  }
-.m-16 { margin: 4rem;  }
-.mx-16 { margin-left: 4rem;  }
-.my-16 { margin-top: 4rem;  }
-.ms-16 { margin-inline-start: 4rem;  }
-.me-16 { margin-inline-end: 4rem;  }
-.mt-16 { margin-top: 4rem;  }
-.mr-16 { margin-right: 4rem;  }
-.mb-16 { margin-bottom: 4rem;  }
-.ml-16 { margin-left: 4rem;  }
-.m-20 { margin: 5rem;  }
-.mx-20 { margin-left: 5rem;  }
-.my-20 { margin-top: 5rem;  }
-.ms-20 { margin-inline-start: 5rem;  }
-.me-20 { margin-inline-end: 5rem;  }
-.mt-20 { margin-top: 5rem;  }
-.mr-20 { margin-right: 5rem;  }
-.mb-20 { margin-bottom: 5rem;  }
-.ml-20 { margin-left: 5rem;  }
-.m-24 { margin: 6rem;  }
-.mx-24 { margin-left: 6rem;  }
-.my-24 { margin-top: 6rem;  }
-.ms-24 { margin-inline-start: 6rem;  }
-.me-24 { margin-inline-end: 6rem;  }
-.mt-24 { margin-top: 6rem;  }
-.mr-24 { margin-right: 6rem;  }
-.mb-24 { margin-bottom: 6rem;  }
-.ml-24 { margin-left: 6rem;  }
-.m-28 { margin: 7rem;  }
-.mx-28 { margin-left: 7rem;  }
-.my-28 { margin-top: 7rem;  }
-.ms-28 { margin-inline-start: 7rem;  }
-.me-28 { margin-inline-end: 7rem;  }
-.mt-28 { margin-top: 7rem;  }
-.mr-28 { margin-right: 7rem;  }
-.mb-28 { margin-bottom: 7rem;  }
-.ml-28 { margin-left: 7rem;  }
-.m-32 { margin: 8rem;  }
-.mx-32 { margin-left: 8rem;  }
-.my-32 { margin-top: 8rem;  }
-.ms-32 { margin-inline-start: 8rem;  }
-.me-32 { margin-inline-end: 8rem;  }
-.mt-32 { margin-top: 8rem;  }
-.mr-32 { margin-right: 8rem;  }
-.mb-32 { margin-bottom: 8rem;  }
-.ml-32 { margin-left: 8rem;  }
-.m-36 { margin: 9rem;  }
-.mx-36 { margin-left: 9rem;  }
-.my-36 { margin-top: 9rem;  }
-.ms-36 { margin-inline-start: 9rem;  }
-.me-36 { margin-inline-end: 9rem;  }
-.mt-36 { margin-top: 9rem;  }
-.mr-36 { margin-right: 9rem;  }
-.mb-36 { margin-bottom: 9rem;  }
-.ml-36 { margin-left: 9rem;  }
-.m-40 { margin: 10rem;  }
-.mx-40 { margin-left: 10rem;  }
-.my-40 { margin-top: 10rem;  }
-.ms-40 { margin-inline-start: 10rem;  }
-.me-40 { margin-inline-end: 10rem;  }
-.mt-40 { margin-top: 10rem;  }
-.mr-40 { margin-right: 10rem;  }
-.mb-40 { margin-bottom: 10rem;  }
-.ml-40 { margin-left: 10rem;  }
-.m-44 { margin: 11rem;  }
-.mx-44 { margin-left: 11rem;  }
-.my-44 { margin-top: 11rem;  }
-.ms-44 { margin-inline-start: 11rem;  }
-.me-44 { margin-inline-end: 11rem;  }
-.mt-44 { margin-top: 11rem;  }
-.mr-44 { margin-right: 11rem;  }
-.mb-44 { margin-bottom: 11rem;  }
-.ml-44 { margin-left: 11rem;  }
-.m-48 { margin: 12rem;  }
-.mx-48 { margin-left: 12rem;  }
-.my-48 { margin-top: 12rem;  }
-.ms-48 { margin-inline-start: 12rem;  }
-.me-48 { margin-inline-end: 12rem;  }
-.mt-48 { margin-top: 12rem;  }
-.mr-48 { margin-right: 12rem;  }
-.mb-48 { margin-bottom: 12rem;  }
-.ml-48 { margin-left: 12rem;  }
-.m-52 { margin: 13rem;  }
-.mx-52 { margin-left: 13rem;  }
-.my-52 { margin-top: 13rem;  }
-.ms-52 { margin-inline-start: 13rem;  }
-.me-52 { margin-inline-end: 13rem;  }
-.mt-52 { margin-top: 13rem;  }
-.mr-52 { margin-right: 13rem;  }
-.mb-52 { margin-bottom: 13rem;  }
-.ml-52 { margin-left: 13rem;  }
-.m-56 { margin: 14rem;  }
-.mx-56 { margin-left: 14rem;  }
-.my-56 { margin-top: 14rem;  }
-.ms-56 { margin-inline-start: 14rem;  }
-.me-56 { margin-inline-end: 14rem;  }
-.mt-56 { margin-top: 14rem;  }
-.mr-56 { margin-right: 14rem;  }
-.mb-56 { margin-bottom: 14rem;  }
-.ml-56 { margin-left: 14rem;  }
-.m-60 { margin: 15rem;  }
-.mx-60 { margin-left: 15rem;  }
-.my-60 { margin-top: 15rem;  }
-.ms-60 { margin-inline-start: 15rem;  }
-.me-60 { margin-inline-end: 15rem;  }
-.mt-60 { margin-top: 15rem;  }
-.mr-60 { margin-right: 15rem;  }
-.mb-60 { margin-bottom: 15rem;  }
-.ml-60 { margin-left: 15rem;  }
-.m-64 { margin: 16rem;  }
-.mx-64 { margin-left: 16rem;  }
-.my-64 { margin-top: 16rem;  }
-.ms-64 { margin-inline-start: 16rem;  }
-.me-64 { margin-inline-end: 16rem;  }
-.mt-64 { margin-top: 16rem;  }
-.mr-64 { margin-right: 16rem;  }
-.mb-64 { margin-bottom: 16rem;  }
-.ml-64 { margin-left: 16rem;  }
-.m-72 { margin: 18rem;  }
-.mx-72 { margin-left: 18rem;  }
-.my-72 { margin-top: 18rem;  }
-.ms-72 { margin-inline-start: 18rem;  }
-.me-72 { margin-inline-end: 18rem;  }
-.mt-72 { margin-top: 18rem;  }
-.mr-72 { margin-right: 18rem;  }
-.mb-72 { margin-bottom: 18rem;  }
-.ml-72 { margin-left: 18rem;  }
-.m-80 { margin: 20rem;  }
-.mx-80 { margin-left: 20rem;  }
-.my-80 { margin-top: 20rem;  }
-.ms-80 { margin-inline-start: 20rem;  }
-.me-80 { margin-inline-end: 20rem;  }
-.mt-80 { margin-top: 20rem;  }
-.mr-80 { margin-right: 20rem;  }
-.mb-80 { margin-bottom: 20rem;  }
-.ml-80 { margin-left: 20rem;  }
-.m-96 { margin: 24rem;  }
-.mx-96 { margin-left: 24rem;  }
-.my-96 { margin-top: 24rem;  }
-.ms-96 { margin-inline-start: 24rem;  }
-.me-96 { margin-inline-end: 24rem;  }
-.mt-96 { margin-top: 24rem;  }
-.mr-96 { margin-right: 24rem;  }
-.mb-96 { margin-bottom: 24rem;  }
-.ml-96 { margin-left: 24rem;  }
-.m-auto { margin: auto; }
-.mx-auto { margin-left: auto; }
-.my-auto { margin-top: auto; }
-.ms-auto { margin-inline-start: auto; }
-.me-auto { margin-inline-end: auto; }
-.mt-auto { margin-top: auto; }
-.mr-auto { margin-right: auto; }
-.mb-auto { margin-bottom: auto; }
-.ml-auto { margin-left: auto; }
diff --git a/twenty-client/src/css/vendor/tail/_padding.scss b/twenty-client/src/css/vendor/tail/_padding.scss
deleted file mode 100644
index b2e9121..0000000
--- a/twenty-client/src/css/vendor/tail/_padding.scss
+++ /dev/null
@@ -1,279 +0,0 @@
-.p-0 { padding: 0px; }
-.px-0 { padding-left: 0px; }
-.py-0 { padding-top: 0px; }
-.ps-0 { padding-inline-start: 0px; }
-.pe-0 { padding-inline-end: 0px; }
-.pt-0 { padding-top: 0px; }
-.pr-0 { padding-right: 0px; }
-.pb-0 { padding-bottom: 0px; }
-.pl-0 { padding-left: 0px; }
-.p-px { padding: 1px; }
-.px-px { padding-left: 1px; }
-.py-px { padding-top: 1px; }
-.ps-px { padding-inline-start: 1px; }
-.pe-px { padding-inline-end: 1px; }
-.pt-px { padding-top: 1px; }
-.pr-px { padding-right: 1px; }
-.pb-px { padding-bottom: 1px; }
-.pl-px { padding-left: 1px; }
-.p-1 { padding: 0.25rem;  }
-.px-1 { padding-left: 0.25rem;  }
-.py-1 { padding-top: 0.25rem;  }
-.ps-1 { padding-inline-start: 0.25rem;  }
-.pe-1 { padding-inline-end: 0.25rem;  }
-.pt-1 { padding-top: 0.25rem;  }
-.pr-1 { padding-right: 0.25rem;  }
-.pb-1 { padding-bottom: 0.25rem;  }
-.pl-1 { padding-left: 0.25rem;  }
-.p-2 { padding: 0.5rem;  }
-.px-2 { padding-left: 0.5rem;  }
-.py-2 { padding-top: 0.5rem;  }
-.ps-2 { padding-inline-start: 0.5rem;  }
-.pe-2 { padding-inline-end: 0.5rem;  }
-.pt-2 { padding-top: 0.5rem;  }
-.pr-2 { padding-right: 0.5rem;  }
-.pb-2 { padding-bottom: 0.5rem;  }
-.pl-2 { padding-left: 0.5rem;  }
-.p-3 { padding: 0.75rem;  }
-.px-3 { padding-left: 0.75rem;  }
-.py-3 { padding-top: 0.75rem;  }
-.ps-3 { padding-inline-start: 0.75rem;  }
-.pe-3 { padding-inline-end: 0.75rem;  }
-.pt-3 { padding-top: 0.75rem;  }
-.pr-3 { padding-right: 0.75rem;  }
-.pb-3 { padding-bottom: 0.75rem;  }
-.pl-3 { padding-left: 0.75rem;  }
-.p-4 { padding: 1rem;  }
-.px-4 { padding-left: 1rem;  }
-.py-4 { padding-top: 1rem;  }
-.ps-4 { padding-inline-start: 1rem;  }
-.pe-4 { padding-inline-end: 1rem;  }
-.pt-4 { padding-top: 1rem;  }
-.pr-4 { padding-right: 1rem;  }
-.pb-4 { padding-bottom: 1rem;  }
-.pl-4 { padding-left: 1rem;  }
-.p-5 { padding: 1.25rem;  }
-.px-5 { padding-left: 1.25rem;  }
-.py-5 { padding-top: 1.25rem;  }
-.ps-5 { padding-inline-start: 1.25rem;  }
-.pe-5 { padding-inline-end: 1.25rem;  }
-.pt-5 { padding-top: 1.25rem;  }
-.pr-5 { padding-right: 1.25rem;  }
-.pb-5 { padding-bottom: 1.25rem;  }
-.pl-5 { padding-left: 1.25rem;  }
-.p-6 { padding: 1.5rem;  }
-.px-6 { padding-left: 1.5rem;  }
-.py-6 { padding-top: 1.5rem;  }
-.ps-6 { padding-inline-start: 1.5rem;  }
-.pe-6 { padding-inline-end: 1.5rem;  }
-.pt-6 { padding-top: 1.5rem;  }
-.pr-6 { padding-right: 1.5rem;  }
-.pb-6 { padding-bottom: 1.5rem;  }
-.pl-6 { padding-left: 1.5rem;  }
-.p-7 { padding: 1.75rem;  }
-.px-7 { padding-left: 1.75rem;  }
-.py-7 { padding-top: 1.75rem;  }
-.ps-7 { padding-inline-start: 1.75rem;  }
-.pe-7 { padding-inline-end: 1.75rem;  }
-.pt-7 { padding-top: 1.75rem;  }
-.pr-7 { padding-right: 1.75rem;  }
-.pb-7 { padding-bottom: 1.75rem;  }
-.pl-7 { padding-left: 1.75rem;  }
-.p-8 { padding: 2rem;  }
-.px-8 { padding-left: 2rem;  }
-.py-8 { padding-top: 2rem;  }
-.ps-8 { padding-inline-start: 2rem;  }
-.pe-8 { padding-inline-end: 2rem;  }
-.pt-8 { padding-top: 2rem;  }
-.pr-8 { padding-right: 2rem;  }
-.pb-8 { padding-bottom: 2rem;  }
-.pl-8 { padding-left: 2rem;  }
-.p-9 { padding: 2.25rem;  }
-.px-9 { padding-left: 2.25rem;  }
-.py-9 { padding-top: 2.25rem;  }
-.ps-9 { padding-inline-start: 2.25rem;  }
-.pe-9 { padding-inline-end: 2.25rem;  }
-.pt-9 { padding-top: 2.25rem;  }
-.pr-9 { padding-right: 2.25rem;  }
-.pb-9 { padding-bottom: 2.25rem;  }
-.pl-9 { padding-left: 2.25rem;  }
-.p-10 { padding: 2.5rem;  }
-.px-10 { padding-left: 2.5rem;  }
-.py-10 { padding-top: 2.5rem;  }
-.ps-10 { padding-inline-start: 2.5rem;  }
-.pe-10 { padding-inline-end: 2.5rem;  }
-.pt-10 { padding-top: 2.5rem;  }
-.pr-10 { padding-right: 2.5rem;  }
-.pb-10 { padding-bottom: 2.5rem;  }
-.pl-10 { padding-left: 2.5rem;  }
-.p-11 { padding: 2.75rem;  }
-.px-11 { padding-left: 2.75rem;  }
-.py-11 { padding-top: 2.75rem;  }
-.ps-11 { padding-inline-start: 2.75rem;  }
-.pe-11 { padding-inline-end: 2.75rem;  }
-.pt-11 { padding-top: 2.75rem;  }
-.pr-11 { padding-right: 2.75rem;  }
-.pb-11 { padding-bottom: 2.75rem;  }
-.pl-11 { padding-left: 2.75rem;  }
-.p-12 { padding: 3rem;  }
-.px-12 { padding-left: 3rem;  }
-.py-12 { padding-top: 3rem;  }
-.ps-12 { padding-inline-start: 3rem;  }
-.pe-12 { padding-inline-end: 3rem;  }
-.pt-12 { padding-top: 3rem;  }
-.pr-12 { padding-right: 3rem;  }
-.pb-12 { padding-bottom: 3rem;  }
-.pl-12 { padding-left: 3rem;  }
-.p-14 { padding: 3.5rem;  }
-.px-14 { padding-left: 3.5rem;  }
-.py-14 { padding-top: 3.5rem;  }
-.ps-14 { padding-inline-start: 3.5rem;  }
-.pe-14 { padding-inline-end: 3.5rem;  }
-.pt-14 { padding-top: 3.5rem;  }
-.pr-14 { padding-right: 3.5rem;  }
-.pb-14 { padding-bottom: 3.5rem;  }
-.pl-14 { padding-left: 3.5rem;  }
-.p-16 { padding: 4rem;  }
-.px-16 { padding-left: 4rem;  }
-.py-16 { padding-top: 4rem;  }
-.ps-16 { padding-inline-start: 4rem;  }
-.pe-16 { padding-inline-end: 4rem;  }
-.pt-16 { padding-top: 4rem;  }
-.pr-16 { padding-right: 4rem;  }
-.pb-16 { padding-bottom: 4rem;  }
-.pl-16 { padding-left: 4rem;  }
-.p-20 { padding: 5rem;  }
-.px-20 { padding-left: 5rem;  }
-.py-20 { padding-top: 5rem;  }
-.ps-20 { padding-inline-start: 5rem;  }
-.pe-20 { padding-inline-end: 5rem;  }
-.pt-20 { padding-top: 5rem;  }
-.pr-20 { padding-right: 5rem;  }
-.pb-20 { padding-bottom: 5rem;  }
-.pl-20 { padding-left: 5rem;  }
-.p-24 { padding: 6rem;  }
-.px-24 { padding-left: 6rem;  }
-.py-24 { padding-top: 6rem;  }
-.ps-24 { padding-inline-start: 6rem;  }
-.pe-24 { padding-inline-end: 6rem;  }
-.pt-24 { padding-top: 6rem;  }
-.pr-24 { padding-right: 6rem;  }
-.pb-24 { padding-bottom: 6rem;  }
-.pl-24 { padding-left: 6rem;  }
-.p-28 { padding: 7rem;  }
-.px-28 { padding-left: 7rem;  }
-.py-28 { padding-top: 7rem;  }
-.ps-28 { padding-inline-start: 7rem;  }
-.pe-28 { padding-inline-end: 7rem;  }
-.pt-28 { padding-top: 7rem;  }
-.pr-28 { padding-right: 7rem;  }
-.pb-28 { padding-bottom: 7rem;  }
-.pl-28 { padding-left: 7rem;  }
-.p-32 { padding: 8rem;  }
-.px-32 { padding-left: 8rem;  }
-.py-32 { padding-top: 8rem;  }
-.ps-32 { padding-inline-start: 8rem;  }
-.pe-32 { padding-inline-end: 8rem;  }
-.pt-32 { padding-top: 8rem;  }
-.pr-32 { padding-right: 8rem;  }
-.pb-32 { padding-bottom: 8rem;  }
-.pl-32 { padding-left: 8rem;  }
-.p-36 { padding: 9rem;  }
-.px-36 { padding-left: 9rem;  }
-.py-36 { padding-top: 9rem;  }
-.ps-36 { padding-inline-start: 9rem;  }
-.pe-36 { padding-inline-end: 9rem;  }
-.pt-36 { padding-top: 9rem;  }
-.pr-36 { padding-right: 9rem;  }
-.pb-36 { padding-bottom: 9rem;  }
-.pl-36 { padding-left: 9rem;  }
-.p-40 { padding: 10rem;  }
-.px-40 { padding-left: 10rem;  }
-.py-40 { padding-top: 10rem;  }
-.ps-40 { padding-inline-start: 10rem;  }
-.pe-40 { padding-inline-end: 10rem;  }
-.pt-40 { padding-top: 10rem;  }
-.pr-40 { padding-right: 10rem;  }
-.pb-40 { padding-bottom: 10rem;  }
-.pl-40 { padding-left: 10rem;  }
-.p-44 { padding: 11rem;  }
-.px-44 { padding-left: 11rem;  }
-.py-44 { padding-top: 11rem;  }
-.ps-44 { padding-inline-start: 11rem;  }
-.pe-44 { padding-inline-end: 11rem;  }
-.pt-44 { padding-top: 11rem;  }
-.pr-44 { padding-right: 11rem;  }
-.pb-44 { padding-bottom: 11rem;  }
-.pl-44 { padding-left: 11rem;  }
-.p-48 { padding: 12rem;  }
-.px-48 { padding-left: 12rem;  }
-.py-48 { padding-top: 12rem;  }
-.ps-48 { padding-inline-start: 12rem;  }
-.pe-48 { padding-inline-end: 12rem;  }
-.pt-48 { padding-top: 12rem;  }
-.pr-48 { padding-right: 12rem;  }
-.pb-48 { padding-bottom: 12rem;  }
-.pl-48 { padding-left: 12rem;  }
-.p-52 { padding: 13rem;  }
-.px-52 { padding-left: 13rem;  }
-.py-52 { padding-top: 13rem;  }
-.ps-52 { padding-inline-start: 13rem;  }
-.pe-52 { padding-inline-end: 13rem;  }
-.pt-52 { padding-top: 13rem;  }
-.pr-52 { padding-right: 13rem;  }
-.pb-52 { padding-bottom: 13rem;  }
-.pl-52 { padding-left: 13rem;  }
-.p-56 { padding: 14rem;  }
-.px-56 { padding-left: 14rem;  }
-.py-56 { padding-top: 14rem;  }
-.ps-56 { padding-inline-start: 14rem;  }
-.pe-56 { padding-inline-end: 14rem;  }
-.pt-56 { padding-top: 14rem;  }
-.pr-56 { padding-right: 14rem;  }
-.pb-56 { padding-bottom: 14rem;  }
-.pl-56 { padding-left: 14rem;  }
-.p-60 { padding: 15rem;  }
-.px-60 { padding-left: 15rem;  }
-.py-60 { padding-top: 15rem;  }
-.ps-60 { padding-inline-start: 15rem;  }
-.pe-60 { padding-inline-end: 15rem;  }
-.pt-60 { padding-top: 15rem;  }
-.pr-60 { padding-right: 15rem;  }
-.pb-60 { padding-bottom: 15rem;  }
-.pl-60 { padding-left: 15rem;  }
-.p-64 { padding: 16rem;  }
-.px-64 { padding-left: 16rem;  }
-.py-64 { padding-top: 16rem;  }
-.ps-64 { padding-inline-start: 16rem;  }
-.pe-64 { padding-inline-end: 16rem;  }
-.pt-64 { padding-top: 16rem;  }
-.pr-64 { padding-right: 16rem;  }
-.pb-64 { padding-bottom: 16rem;  }
-.pl-64 { padding-left: 16rem;  }
-.p-72 { padding: 18rem;  }
-.px-72 { padding-left: 18rem;  }
-.py-72 { padding-top: 18rem;  }
-.ps-72 { padding-inline-start: 18rem;  }
-.pe-72 { padding-inline-end: 18rem;  }
-.pt-72 { padding-top: 18rem;  }
-.pr-72 { padding-right: 18rem;  }
-.pb-72 { padding-bottom: 18rem;  }
-.pl-72 { padding-left: 18rem;  }
-.p-80 { padding: 20rem;  }
-.px-80 { padding-left: 20rem;  }
-.py-80 { padding-top: 20rem;  }
-.ps-80 { padding-inline-start: 20rem;  }
-.pe-80 { padding-inline-end: 20rem;  }
-.pt-80 { padding-top: 20rem;  }
-.pr-80 { padding-right: 20rem;  }
-.pb-80 { padding-bottom: 20rem;  }
-.pl-80 { padding-left: 20rem;  }
-.p-96 { padding: 24rem;  }
-.px-96 { padding-left: 24rem;  }
-.py-96 { padding-top: 24rem;  }
-.ps-96 { padding-inline-start: 24rem;  }
-.pe-96 { padding-inline-end: 24rem;  }
-.pt-96 { padding-top: 24rem;  }
-.pr-96 { padding-right: 24rem;  }
-.pb-96 { padding-bottom: 24rem;  }
-.pl-96 { padding-left: 24rem;  }
diff --git a/twenty-client/src/css/vendor/tail/_text.scss b/twenty-client/src/css/vendor/tail/_text.scss
deleted file mode 100644
index 388925d..0000000
--- a/twenty-client/src/css/vendor/tail/_text.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.text-left { text-align: left; }
-.text-center { text-align: center; }
-.text-right { text-align: right; }
-.underline { text-decoration-line: underline; }
-.overline { text-decoration-line: overline; }
-.line-through { text-decoration-line: line-through; }
-.no-underline { text-decoration-line: none; }
diff --git a/twenty-client/src/css/vendor/tail/_width.scss b/twenty-client/src/css/vendor/tail/_width.scss
deleted file mode 100644
index 9183f6e..0000000
--- a/twenty-client/src/css/vendor/tail/_width.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-.w-0 { width: 0px; }
-.w-px { width: 1px; }
-.w-1 { width: 0.25rem;  }
-.w-2 { width: 0.5rem;  }
-.w-3 { width: 0.75rem;  }
-.w-4 { width: 1rem;  }
-.w-5 { width: 1.25rem;  }
-.w-6 { width: 1.5rem;  }
-.w-7 { width: 1.75rem;  }
-.w-8 { width: 2rem;  }
-.w-9 { width: 2.25rem;  }
-.w-10 { width: 2.5rem;  }
-.w-11 { width: 2.75rem;  }
-.w-12 { width: 3rem;  }
-.w-14 { width: 3.5rem;  }
-.w-16 { width: 4rem;  }
-.w-20 { width: 5rem;  }
-.w-24 { width: 6rem;  }
-.w-28 { width: 7rem;  }
-.w-32 { width: 8rem;  }
-.w-36 { width: 9rem;  }
-.w-40 { width: 10rem;  }
-.w-44 { width: 11rem;  }
-.w-48 { width: 12rem;  }
-.w-52 { width: 13rem;  }
-.w-56 { width: 14rem;  }
-.w-60 { width: 15rem;  }
-.w-64 { width: 16rem;  }
-.w-72 { width: 18rem;  }
-.w-80 { width: 20rem;  }
-.w-96 { width: 24rem;  }
-.w-auto { width: auto; }
-.w-1\/2 { width: 50%; }
-.w-1\/3 { width: 33.333333%; }
-.w-2\/3 { width: 66.666667%; }
-.w-1\/4 { width: 25%; }
-.w-2\/4 { width: 50%; }
-.w-3\/4 { width: 75%; }
-.w-1\/5 { width: 20%; }
-.w-2\/5 { width: 40%; }
-.w-3\/5 { width: 60%; }
-.w-4\/5 { width: 80%; }
-.w-1\/6 { width: 16.666667%; }
-.w-2\/6 { width: 33.333333%; }
-.w-3\/6 { width: 50%; }
-.w-4\/6 { width: 66.666667%; }
-.w-5\/6 { width: 83.333333%; }
-.w-1\/12 { width: 8.333333%; }
-.w-2\/12 { width: 16.666667%; }
-.w-3\/12 { width: 25%; }
-.w-4\/12 { width: 33.333333%; }
-.w-5\/12 { width: 41.666667%; }
-.w-6\/12 { width: 50%; }
-.w-7\/12 { width: 58.333333%; }
-.w-8\/12 { width: 66.666667%; }
-.w-9\/12 { width: 75%; }
-.w-10\/12 { width: 83.333333%; }
-.w-11\/12 { width: 91.666667%; }
-.w-full { width: 100%; }
-.w-screen { width: 100vw; }
-.w-svw { width: 100svw; }
-.w-lvw { width: 100lvw; }
-.w-dvw { width: 100dvw; }
-.w-min { width: min-content; }
-.w-max { width: max-content; }
-.w-fit { width: fit-content; }
-
-.min-w-0 { min-width: 0px }
-.min-w-1 { min-width: 0.25rem; }
-.min-w-2 { min-width: 0.5rem; }
-.min-w-3 { min-width: 0.75rem; }
-.min-w-4 { min-width: 1rem; }
-.min-w-5 { min-width: 1.25rem; }
-.min-w-6 { min-width: 1.5rem; }
-.min-w-7 { min-width: 1.75rem; }
-.min-w-8 { min-width: 2rem; }
-.min-w-9 { min-width: 2.25rem; }
-.min-w-10 { min-width: 2.5rem; }
-.min-w-11 { min-width: 2.75rem; }
-.min-w-12 { min-width: 3rem; }
-.min-w-14 { min-width: 3.5rem; }
-.min-w-16 { min-width: 4rem; }
-.min-w-20 { min-width: 5rem; }
-.min-w-24 { min-width: 6rem; }
-.min-w-28 { min-width: 7rem; }
-.min-w-32 { min-width: 8rem; }
-.min-w-36 { min-width: 9rem; }
-.min-w-40 { min-width: 10rem; }
-.min-w-44 { min-width: 11rem; }
-.min-w-48 { min-width: 12rem; }
-.min-w-52 { min-width: 13rem; }
-.min-w-56 { min-width: 14rem; }
-.min-w-60 { min-width: 15rem; }
-.min-w-64 { min-width: 16rem; }
-.min-w-72 { min-width: 18rem; }
-.min-w-80 { min-width: 20rem; }
-.min-w-96 { min-width: 24rem; }
-.min-w-px { min-width: 1px; }
-.min-w-full { min-width: 100%; }
-.min-w-min { min-width: min-content; }
-.min-w-max { min-width: max-content; }
-.min-w-fit { min-width: fit-content; }
-
-.max-w-0 { max-width: 0px; }
-.max-w-px { max-width: 1px; }
-.max-w-1 { max-width: 0.25rem;  }
-.max-w-2 { max-width: 0.5rem; }
-.max-w-3 { max-width: 0.75rem; }
-.max-w-4 { max-width: 1rem;  }
-.max-w-5 { max-width: 1.25rem;  }
-.max-w-6 { max-width: 1.5rem;  }
-.max-w-7 { max-width: 1.75rem;  }
-.max-w-8 { max-width: 2rem;  }
-.max-w-9 { max-width: 2.25rem;  }
-.max-w-10 { max-width: 2.5rem;  }
-.max-w-11 { max-width: 2.75rem;  }
-.max-w-12 { max-width: 3rem; }
-.max-w-14 { max-width: 3.5rem;  }
-.max-w-16 { max-width: 4rem;  }
-.max-w-20 { max-width: 5rem;  }
-.max-w-24 { max-width: 6rem;  }
-.max-w-28 { max-width: 7rem;  }
-.max-w-32 { max-width: 8rem;  }
-.max-w-36 { max-width: 9rem;  }
-.max-w-40 { max-width: 10rem;  }
-.max-w-44 { max-width: 11rem;  }
-.max-w-48 { max-width: 12rem;  }
-.max-w-52 { max-width: 13rem;  }
-.max-w-56 { max-width: 14rem;  }
-.max-w-60 { max-width: 15rem;  }
-.max-w-64 { max-width: 16rem;  }
-.max-w-72 { max-width: 18rem;  }
-.max-w-80 { max-width: 20rem;  }
-.max-w-96 { max-width: 24rem;  }
-.max-w-none { max-width: none; }
-.max-w-xs { max-width: 20rem;  }
-.max-w-sm { max-width: 24rem;  }
-.max-w-md { max-width: 28rem;  }
-.max-w-lg { max-width: 32rem;  }
-.max-w-xl { max-width: 36rem;  }
-.max-w-2xl { max-width: 42rem;  }
-.max-w-3xl { max-width: 48rem;  }
-.max-w-4xl { max-width: 56rem;  }
-.max-w-5xl { max-width: 64rem; }
-.max-w-6xl { max-width: 72rem;  }
-.max-w-7xl { max-width: 80rem;  }
-.max-w-full { max-width: 100%; }
-.max-w-min { max-width: min-content; }
-.max-w-max { max-width: max-content; }
-.max-w-fit { max-width: fit-content; }
-.max-w-prose { max-width: 65ch; }
-.max-w-screen-sm { max-width: 640px; }
-.max-w-screen-md { max-width: 768px; }
-.max-w-screen-lg { max-width: 1024px; }
-.max-w-screen-xl { max-width: 1280px; }
-.max-w-screen-2xl { max-width: 1536px; }
diff --git a/twenty-client/src/css/vendor/tail/border/_radius.scss b/twenty-client/src/css/vendor/tail/border/_radius.scss
deleted file mode 100644
index cda91f8..0000000
--- a/twenty-client/src/css/vendor/tail/border/_radius.scss
+++ /dev/null
@@ -1,135 +0,0 @@
-.rounded-none { border-radius: 0px; }
-.rounded-sm { border-radius: 0.125rem; /* 2px */ }
-.rounded { border-radius: 0.25rem; /* 4px */ }
-.rounded-md { border-radius: 0.375rem; /* 6px */ }
-.rounded-lg { border-radius: 0.5rem; /* 8px */ }
-.rounded-xl { border-radius: 0.75rem; /* 12px */ }
-.rounded-2xl { border-radius: 1rem; /* 16px */ }
-.rounded-3xl { border-radius: 1.5rem; /* 24px */ }
-.rounded-full { border-radius: 9999px; }
-.rounded-s-none { border-start-start-radius: 0px; }
-.rounded-s-sm { border-start-start-radius: 0.125rem; /* 2px */ }
-.rounded-s { border-start-start-radius: 0.25rem; /* 4px */ }
-.rounded-s-md { border-start-start-radius: 0.375rem; /* 6px */ }
-.rounded-s-lg { border-start-start-radius: 0.5rem; /* 8px */ }
-.rounded-s-xl { border-start-start-radius: 0.75rem; /* 12px */ }
-.rounded-s-2xl { border-start-start-radius: 1rem; /* 16px */ }
-.rounded-s-3xl { border-start-start-radius: 1.5rem; /* 24px */ }
-.rounded-s-full { border-start-start-radius: 9999px; }
-.rounded-e-none { border-start-end-radius: 0px; }
-.rounded-e-sm { border-start-end-radius: 0.125rem; /* 2px */ }
-.rounded-e { border-start-end-radius: 0.25rem; /* 4px */ }
-.rounded-e-md { border-start-end-radius: 0.375rem; /* 6px */ }
-.rounded-e-lg { border-start-end-radius: 0.5rem; /* 8px */ }
-.rounded-e-xl { border-start-end-radius: 0.75rem; /* 12px */ }
-.rounded-e-2xl { border-start-end-radius: 1rem; /* 16px */ }
-.rounded-e-3xl { border-start-end-radius: 1.5rem; /* 24px */ }
-.rounded-e-full { border-start-end-radius: 9999px; }
-.rounded-t-none { border-top-left-radius: 0px; }
-.rounded-t-sm { border-top-left-radius: 0.125rem; /* 2px */ }
-.rounded-t { border-top-left-radius: 0.25rem; /* 4px */ }
-.rounded-t-md { border-top-left-radius: 0.375rem; /* 6px */ }
-.rounded-t-lg { border-top-left-radius: 0.5rem; /* 8px */ }
-.rounded-t-xl { border-top-left-radius: 0.75rem; /* 12px */ }
-.rounded-t-2xl { border-top-left-radius: 1rem; /* 16px */ }
-.rounded-t-3xl { border-top-left-radius: 1.5rem; /* 24px */ }
-.rounded-t-full { border-top-left-radius: 9999px; }
-.rounded-r-none { border-top-right-radius: 0px; }
-.rounded-r-sm { border-top-right-radius: 0.125rem; /* 2px */ }
-.rounded-r { border-top-right-radius: 0.25rem; /* 4px */ }
-.rounded-r-md { border-top-right-radius: 0.375rem; /* 6px */ }
-.rounded-r-lg { border-top-right-radius: 0.5rem; /* 8px */ }
-.rounded-r-xl { border-top-right-radius: 0.75rem; /* 12px */ }
-.rounded-r-2xl { border-top-right-radius: 1rem; /* 16px */ }
-.rounded-r-3xl { border-top-right-radius: 1.5rem; /* 24px */ }
-.rounded-r-full { border-top-right-radius: 9999px; }
-.rounded-b-none { border-bottom-right-radius: 0px; }
-.rounded-b-sm { border-bottom-right-radius: 0.125rem; /* 2px */ }
-.rounded-b { border-bottom-right-radius: 0.25rem; /* 4px */ }
-.rounded-b-md { border-bottom-right-radius: 0.375rem; /* 6px */ }
-.rounded-b-lg { border-bottom-right-radius: 0.5rem; /* 8px */ }
-.rounded-b-xl { border-bottom-right-radius: 0.75rem; /* 12px */ }
-.rounded-b-2xl { border-bottom-right-radius: 1rem; /* 16px */ }
-.rounded-b-3xl { border-bottom-right-radius: 1.5rem; /* 24px */ }
-.rounded-b-full { border-bottom-right-radius: 9999px; }
-.rounded-l-none { border-top-left-radius: 0px; }
-.rounded-l-sm { border-top-left-radius: 0.125rem; /* 2px */ }
-.rounded-l { border-top-left-radius: 0.25rem; /* 4px */ }
-.rounded-l-md { border-top-left-radius: 0.375rem; /* 6px */ }
-.rounded-l-lg { border-top-left-radius: 0.5rem; /* 8px */ }
-.rounded-l-xl { border-top-left-radius: 0.75rem; /* 12px */ }
-.rounded-l-2xl { border-top-left-radius: 1rem; /* 16px */ }
-.rounded-l-3xl { border-top-left-radius: 1.5rem; /* 24px */ }
-.rounded-l-full { border-top-left-radius: 9999px; }
-.rounded-ss-none { border-start-start-radius: 0px; }
-.rounded-ss-sm { border-start-start-radius: 0.125rem; /* 2px */ }
-.rounded-ss { border-start-start-radius: 0.25rem; /* 4px */ }
-.rounded-ss-md { border-start-start-radius: 0.375rem; /* 6px */ }
-.rounded-ss-lg { border-start-start-radius: 0.5rem; /* 8px */ }
-.rounded-ss-xl { border-start-start-radius: 0.75rem; /* 12px */ }
-.rounded-ss-2xl { border-start-start-radius: 1rem; /* 16px */ }
-.rounded-ss-3xl { border-start-start-radius: 1.5rem; /* 24px */ }
-.rounded-ss-full { border-start-start-radius: 9999px; }
-.rounded-se-none { border-start-end-radius: 0px; }
-.rounded-se-sm { border-start-end-radius: 0.125rem; /* 2px */ }
-.rounded-se { border-start-end-radius: 0.25rem; /* 4px */ }
-.rounded-se-md { border-start-end-radius: 0.375rem; /* 6px */ }
-.rounded-se-lg { border-start-end-radius: 0.5rem; /* 8px */ }
-.rounded-se-xl { border-start-end-radius: 0.75rem; /* 12px */ }
-.rounded-se-2xl { border-start-end-radius: 1rem; /* 16px */ }
-.rounded-se-3xl { border-start-end-radius: 1.5rem; /* 24px */ }
-.rounded-se-full { border-start-end-radius: 9999px; }
-.rounded-ee-none { border-end-end-radius: 0px; }
-.rounded-ee-sm { border-end-end-radius: 0.125rem; /* 2px */ }
-.rounded-ee { border-end-end-radius: 0.25rem; /* 4px */ }
-.rounded-ee-md { border-end-end-radius: 0.375rem; /* 6px */ }
-.rounded-ee-lg { border-end-end-radius: 0.5rem; /* 8px */ }
-.rounded-ee-xl { border-end-end-radius: 0.75rem; /* 12px */ }
-.rounded-ee-2xl { border-end-end-radius: 1rem; /* 16px */ }
-.rounded-ee-3xl { border-end-end-radius: 1.5rem; /* 24px */ }
-.rounded-ee-full { border-end-end-radius: 9999px; }
-.rounded-es-none { border-end-start-radius: 0px; }
-.rounded-es-sm { border-end-start-radius: 0.125rem; /* 2px */ }
-.rounded-es { border-end-start-radius: 0.25rem; /* 4px */ }
-.rounded-es-md { border-end-start-radius: 0.375rem; /* 6px */ }
-.rounded-es-lg { border-end-start-radius: 0.5rem; /* 8px */ }
-.rounded-es-xl { border-end-start-radius: 0.75rem; /* 12px */ }
-.rounded-es-2xl { border-end-start-radius: 1rem; /* 16px */ }
-.rounded-es-3xl { border-end-start-radius: 1.5rem; /* 24px */ }
-.rounded-es-full { border-end-start-radius: 9999px; }
-.rounded-tl-none { border-top-left-radius: 0px; }
-.rounded-tl-sm { border-top-left-radius: 0.125rem; /* 2px */ }
-.rounded-tl { border-top-left-radius: 0.25rem; /* 4px */ }
-.rounded-tl-md { border-top-left-radius: 0.375rem; /* 6px */ }
-.rounded-tl-lg { border-top-left-radius: 0.5rem; /* 8px */ }
-.rounded-tl-xl { border-top-left-radius: 0.75rem; /* 12px */ }
-.rounded-tl-2xl { border-top-left-radius: 1rem; /* 16px */ }
-.rounded-tl-3xl { border-top-left-radius: 1.5rem; /* 24px */ }
-.rounded-tl-full { border-top-left-radius: 9999px; }
-.rounded-tr-none { border-top-right-radius: 0px; }
-.rounded-tr-sm { border-top-right-radius: 0.125rem; /* 2px */ }
-.rounded-tr { border-top-right-radius: 0.25rem; /* 4px */ }
-.rounded-tr-md { border-top-right-radius: 0.375rem; /* 6px */ }
-.rounded-tr-lg { border-top-right-radius: 0.5rem; /* 8px */ }
-.rounded-tr-xl { border-top-right-radius: 0.75rem; /* 12px */ }
-.rounded-tr-2xl { border-top-right-radius: 1rem; /* 16px */ }
-.rounded-tr-3xl { border-top-right-radius: 1.5rem; /* 24px */ }
-.rounded-tr-full { border-top-right-radius: 9999px; }
-.rounded-br-none { border-bottom-right-radius: 0px; }
-.rounded-br-sm { border-bottom-right-radius: 0.125rem; /* 2px */ }
-.rounded-br { border-bottom-right-radius: 0.25rem; /* 4px */ }
-.rounded-br-md { border-bottom-right-radius: 0.375rem; /* 6px */ }
-.rounded-br-lg { border-bottom-right-radius: 0.5rem; /* 8px */ }
-.rounded-br-xl { border-bottom-right-radius: 0.75rem; /* 12px */ }
-.rounded-br-2xl { border-bottom-right-radius: 1rem; /* 16px */ }
-.rounded-br-3xl { border-bottom-right-radius: 1.5rem; /* 24px */ }
-.rounded-br-full { border-bottom-right-radius: 9999px; }
-.rounded-bl-none { border-bottom-left-radius: 0px; }
-.rounded-bl-sm { border-bottom-left-radius: 0.125rem; /* 2px */ }
-.rounded-bl { border-bottom-left-radius: 0.25rem; /* 4px */ }
-.rounded-bl-md { border-bottom-left-radius: 0.375rem; /* 6px */ }
-.rounded-bl-lg { border-bottom-left-radius: 0.5rem; /* 8px */ }
-.rounded-bl-xl { border-bottom-left-radius: 0.75rem; /* 12px */ }
-.rounded-bl-2xl { border-bottom-left-radius: 1rem; /* 16px */ }
-.rounded-bl-3xl { border-bottom-left-radius: 1.5rem; /* 24px */ }
-.rounded-bl-full { border-bottom-left-radius: 9999px; }
diff --git a/twenty-client/src/css/vendor/tail/border/_style.scss b/twenty-client/src/css/vendor/tail/border/_style.scss
deleted file mode 100644
index a2c4860..0000000
--- a/twenty-client/src/css/vendor/tail/border/_style.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.border-solid { border-style: solid; }
-.border-dashed { border-style: dashed; }
-.border-dotted { border-style: dotted; }
-.border-double { border-style: double; }
-.border-hidden { border-style: hidden; }
-.border-none { border-style: none; }
diff --git a/twenty-client/src/css/vendor/tail/border/_width.scss b/twenty-client/src/css/vendor/tail/border/_width.scss
deleted file mode 100644
index 15fbd53..0000000
--- a/twenty-client/src/css/vendor/tail/border/_width.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-.border-0 { border-width: 0px; }
-.border-2 { border-width: 2px; }
-.border-4 { border-width: 4px; }
-.border-8 { border-width: 8px; }
-.border { border-width: 1px; }
-.border-x-0 { border-left-width: 0px; }
-.border-x-2 { border-left-width: 2px; }
-.border-x-4 { border-left-width: 4px; }
-.border-x-8 { border-left-width: 8px; }
-.border-x { border-left-width: 1px; }
-.border-y-0 { border-top-width: 0px; }
-.border-y-2 { border-top-width: 2px; }
-.border-y-4 { border-top-width: 4px; }
-.border-y-8 { border-top-width: 8px; }
-.border-y { border-top-width: 1px; }
-.border-s-0 { border-inline-start-width: 0px; }
-.border-s-2 { border-inline-start-width: 2px; }
-.border-s-4 { border-inline-start-width: 4px; }
-.border-s-8 { border-inline-start-width: 8px; }
-.border-s { border-inline-start-width: 1px; }
-.border-e-0 { border-inline-end-width: 0px; }
-.border-e-2 { border-inline-end-width: 2px; }
-.border-e-4 { border-inline-end-width: 4px; }
-.border-e-8 { border-inline-end-width: 8px; }
-.border-e { border-inline-end-width: 1px; }
-.border-t-0 { border-top-width: 0px; }
-.border-t-2 { border-top-width: 2px; }
-.border-t-4 { border-top-width: 4px; }
-.border-t-8 { border-top-width: 8px; }
-.border-t { border-top-width: 1px; }
-.border-r-0 { border-right-width: 0px; }
-.border-r-2 { border-right-width: 2px; }
-.border-r-4 { border-right-width: 4px; }
-.border-r-8 { border-right-width: 8px; }
-.border-r { border-right-width: 1px; }
-.border-b-0 { border-bottom-width: 0px; }
-.border-b-2 { border-bottom-width: 2px; }
-.border-b-4 { border-bottom-width: 4px; }
-.border-b-8 { border-bottom-width: 8px; }
-.border-b { border-bottom-width: 1px; }
-.border-l-0 { border-left-width: 0px; }
-.border-l-2 { border-left-width: 2px; }
-.border-l-4 { border-left-width: 4px; }
-.border-l-8 { border-left-width: 8px; }
-.border-l { border-left-width: 1px; }
diff --git a/twenty-client/src/css/vendor/tail/flex/_basis.scss b/twenty-client/src/css/vendor/tail/flex/_basis.scss
deleted file mode 100644
index 98ee5a0..0000000
--- a/twenty-client/src/css/vendor/tail/flex/_basis.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-/***/
-/* flex-basis
-/**/
-.basis-0 { flex-basis: 0px; }
-.basis-1 { flex-basis: 0.25rem; /* 4px */ }
-.basis-2 { flex-basis: 0.5rem; /* 8px */ }
-.basis-3 { flex-basis: 0.75rem; /* 12px */ }
-.basis-4 { flex-basis: 1rem; /* 16px */ }
-.basis-5 { flex-basis: 1.25rem; /* 20px */ }
-.basis-6 { flex-basis: 1.5rem; /* 24px */ }
-.basis-7 { flex-basis: 1.75rem; /* 28px */ }
-.basis-8 { flex-basis: 2rem; /* 32px */ }
-.basis-9 { flex-basis: 2.25rem; /* 36px */ }
-.basis-10 { flex-basis: 2.5rem; /* 40px */ }
-.basis-11 { flex-basis: 2.75rem; /* 44px */ }
-.basis-12 { flex-basis: 3rem; /* 48px */ }
-.basis-14 { flex-basis: 3.5rem; /* 56px */ }
-.basis-16 { flex-basis: 4rem; /* 64px */ }
-.basis-20 { flex-basis: 5rem; /* 80px */ }
-.basis-24 { flex-basis: 6rem; /* 96px */ }
-.basis-28 { flex-basis: 7rem; /* 112px */ }
-.basis-32 { flex-basis: 8rem; /* 128px */ }
-.basis-36 { flex-basis: 9rem; /* 144px */ }
-.basis-40 { flex-basis: 10rem; /* 160px */ }
-.basis-44 { flex-basis: 11rem; /* 176px */ }
-.basis-48 { flex-basis: 12rem; /* 192px */ }
-.basis-52 { flex-basis: 13rem; /* 208px */ }
-.basis-56 { flex-basis: 14rem; /* 224px */ }
-.basis-60 { flex-basis: 15rem; /* 240px */ }
-.basis-64 { flex-basis: 16rem; /* 256px */ }
-.basis-72 { flex-basis: 18rem; /* 288px */ }
-.basis-80 { flex-basis: 20rem; /* 320px */ }
-.basis-96 { flex-basis: 24rem; /* 384px */ }
-.basis-auto { flex-basis: auto; }
-.basis-px { flex-basis: 1px; }
-.basis-0\.5 { flex-basis: 0.125rem; /* 2px */ }
-.basis-1\.5 { flex-basis: 0.375rem; /* 6px */ }
-.basis-2\.5 { flex-basis: 0.625rem; /* 10px */ }
-.basis-3\.5 { flex-basis: 0.875rem; /* 14px */ }
-.basis-1\/2 { flex-basis: 50%; }
-.basis-1\/3 { flex-basis: 33.333333%; }
-.basis-2\/3 { flex-basis: 66.666667%; }
-.basis-1\/4 { flex-basis: 25%; }
-.basis-2\/4 { flex-basis: 50%; }
-.basis-3\/4 { flex-basis: 75%; }
-.basis-1\/5 { flex-basis: 20%; }
-.basis-2\/5 { flex-basis: 40%; }
-.basis-3\/5 { flex-basis: 60%; }
-.basis-4\/5 { flex-basis: 80%; }
-.basis-1\/6 { flex-basis: 16.666667%; }
-.basis-2\/6 { flex-basis: 33.333333%; }
-.basis-3\/6 { flex-basis: 50%; }
-.basis-4\/6 { flex-basis: 66.666667%; }
-.basis-5\/6 { flex-basis: 83.333333%; }
-.basis-1\/12 { flex-basis: 8.333333%; }
-.basis-2\/12 { flex-basis: 16.666667%; }
-.basis-3\/12 { flex-basis: 25%; }
-.basis-4\/12 { flex-basis: 33.333333%; }
-.basis-5\/12 { flex-basis: 41.666667%; }
-.basis-6\/12 { flex-basis: 50%; }
-.basis-7\/12 { flex-basis: 58.333333%; }
-.basis-8\/12 { flex-basis: 66.666667%; }
-.basis-9\/12 { flex-basis: 75%; }
-.basis-10\/12 { flex-basis: 83.333333%; }
-.basis-11\/12 { flex-basis: 91.666667%; }
-.basis-full { flex-basis: 100%; }
diff --git a/twenty-client/src/css/vendor/tail/flex/_direction.scss b/twenty-client/src/css/vendor/tail/flex/_direction.scss
deleted file mode 100644
index 7e66c98..0000000
--- a/twenty-client/src/css/vendor/tail/flex/_direction.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-/**/
-/* flex-direction
- */
-.flex-row { flex-direction: row; }
-.flex-row-reverse { flex-direction: row-reverse; }
-.flex-col { flex-direction: column; }
-.flex-col-reverse { flex-direction: column-reverse; }
diff --git a/twenty-client/src/css/vendor/tail/flex/_wrap.scss b/twenty-client/src/css/vendor/tail/flex/_wrap.scss
deleted file mode 100644
index f3ed393..0000000
--- a/twenty-client/src/css/vendor/tail/flex/_wrap.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
-/* flex-wrap
-/**/
-.flex-wrap { flex-wrap: wrap; }
-.flex-wrap-reverse { flex-wrap: wrap-reverse; }
-.flex-nowrap { flex-wrap: nowrap; }
diff --git a/twenty-client/tasks/nanoc.rake b/twenty-client/tasks/nanoc.rake
index a0b0120..c0c90f6 100644
--- a/twenty-client/tasks/nanoc.rake
+++ b/twenty-client/tasks/nanoc.rake
@@ -1,29 +1,35 @@
 namespace :nanoc do
   require "bundler/setup"
-  cwd = File.realpath File.join(__dir__, "..")
+  workdir = File.realpath File.join(__dir__, "..")
 
   desc "Clean the build/ directory"
   task :clean do
-    Dir.chdir(cwd) do
+    Dir.chdir(workdir) do
       sh "rm -rf node_modules/.cache/"
       sh "rm -rf build"
     end
   end
 
+  desc "Configure build environment"
+  task :env do
+    ENV['SASS_PATH'] = File.join(workdir, 'src', 'css', 'vendor', 'tail.css', 'src')
+  end
+
   desc "Produce the build/ directory"
-  task :build, [:buildenv] do |t, args|
-    Dir.chdir(cwd) do
+  task :build, [:buildenv] => %w[nanoc:env] do |t, args|
+    Dir.chdir(workdir) do
       buildenv = args.buildenv || ENV["buildenv"] || "development"
+      sasspath = ENV["SASS_PATH"]
       sh "rm -rf build/css/"
       Bundler.with_unbundled_env {
-        sh "buildenv=#{buildenv} bundle exec nanoc co"
+        sh "SASS_PATH=#{sasspath} buildenv=#{buildenv} bundle exec nanoc co"
       }
     end
   end
 
   desc "Produce the build/ directory on-demand"
-  task watch: ['nanoc:build'] do
-    Dir.chdir(cwd) do
+  task watch: %w[nanoc:build] do
+    Dir.chdir(workdir) do
       require "listen"
       path = File.join(Dir.getwd, "src")
       Listen.to(path) do