From c48c1b2bf8926205f8a4246177a9550a6db14247 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Fri, 19 Jan 2024 21:13:35 -0300
Subject: [PATCH] tail.css: add flex/

---
 twenty-frontend/src/css/vendor/_tail.scss     |  1 +
 .../src/css/vendor/tail/_flex.scss            |  3 +
 .../src/css/vendor/tail/flex/_basis.scss      | 66 +++++++++++++++++++
 .../src/css/vendor/tail/flex/_direction.scss  |  7 ++
 .../src/css/vendor/tail/flex/_wrap.scss       |  6 ++
 5 files changed, 83 insertions(+)
 create mode 100644 twenty-frontend/src/css/vendor/tail/_flex.scss
 create mode 100644 twenty-frontend/src/css/vendor/tail/flex/_basis.scss
 create mode 100644 twenty-frontend/src/css/vendor/tail/flex/_direction.scss
 create mode 100644 twenty-frontend/src/css/vendor/tail/flex/_wrap.scss

diff --git a/twenty-frontend/src/css/vendor/_tail.scss b/twenty-frontend/src/css/vendor/_tail.scss
index fadc9da..57fa9ef 100644
--- a/twenty-frontend/src/css/vendor/_tail.scss
+++ b/twenty-frontend/src/css/vendor/_tail.scss
@@ -6,6 +6,7 @@
 @import "tail/text";
 @import "tail/font";
 @import "tail/cursor";
+@import "tail/flex";
 
 .m-0-auto { margin: 0 auto; }
 .maxw-1024 { max-width: 1024px; }
diff --git a/twenty-frontend/src/css/vendor/tail/_flex.scss b/twenty-frontend/src/css/vendor/tail/_flex.scss
new file mode 100644
index 0000000..469aeae
--- /dev/null
+++ b/twenty-frontend/src/css/vendor/tail/_flex.scss
@@ -0,0 +1,3 @@
+@import "flex/direction";
+@import "flex/wrap";
+@import "flex/basis";
diff --git a/twenty-frontend/src/css/vendor/tail/flex/_basis.scss b/twenty-frontend/src/css/vendor/tail/flex/_basis.scss
new file mode 100644
index 0000000..98ee5a0
--- /dev/null
+++ b/twenty-frontend/src/css/vendor/tail/flex/_basis.scss
@@ -0,0 +1,66 @@
+/***/
+/* 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-frontend/src/css/vendor/tail/flex/_direction.scss b/twenty-frontend/src/css/vendor/tail/flex/_direction.scss
new file mode 100644
index 0000000..7e66c98
--- /dev/null
+++ b/twenty-frontend/src/css/vendor/tail/flex/_direction.scss
@@ -0,0 +1,7 @@
+/**/
+/* 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-frontend/src/css/vendor/tail/flex/_wrap.scss b/twenty-frontend/src/css/vendor/tail/flex/_wrap.scss
new file mode 100644
index 0000000..f3ed393
--- /dev/null
+++ b/twenty-frontend/src/css/vendor/tail/flex/_wrap.scss
@@ -0,0 +1,6 @@
+/**
+/* flex-wrap
+/**/
+.flex-wrap { flex-wrap: wrap; }
+.flex-wrap-reverse { flex-wrap: wrap-reverse; }
+.flex-nowrap { flex-wrap: nowrap; }