From 90fd9e58722a5988b891a0482e64384e1a3a75d1 Mon Sep 17 00:00:00 2001
From: Julien Le Coupanec <julien.le.coupanec@gmail.com>
Date: Sun, 29 Mar 2020 15:46:31 +0200
Subject: [PATCH] docs(tailwind): sizing

---
 frontend/tailwind.css | 135 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 117 insertions(+), 18 deletions(-)

diff --git a/frontend/tailwind.css b/frontend/tailwind.css
index ed96d44..c3ad571 100644
--- a/frontend/tailwind.css
+++ b/frontend/tailwind.css
@@ -955,45 +955,144 @@
 /*
  * Width
  * --------------------
- * 
- * 
+ * Utilities for setting the width of an element
+ * By default, only responsive variants are generated for width utilities.
  */
- 
+
+.w-0       /* width: 0; */
+.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-8       /* width: 2rem; */
+.w-10      /* width: 2.5rem; */
+.w-12      /* width: 3rem; */
+.w-16      /* width: 4rem; */
+.w-20      /* width: 5rem; */
+.w-24      /* width: 6rem; */
+.w-32      /* width: 8rem; */
+.w-40      /* width: 10rem; */
+.w-48      /* width: 12rem; */
+.w-56      /* width: 14rem; */
+.w-64      /* width: 16rem; */
+.w-auto    /* width: auto; */
+.w-px      /* width: 1px; */
+.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; */
+
 /*
  * Min-Width
  * --------------------
- * 
- * 
+ * Utilities for setting the minimum width of an element
+ * By default, only responsive variants are generated for min-width utilities.
  */
- 
+
+.min-w-0     /* min-width: 0; */
+.min-w-full  /* min-width: 100%; */
+
 /*
  * Max-Width
  * --------------------
- * 
- * 
+ * Utilities for setting the maximum width of an element
+ * By default, only responsive variants are generated for max-width utilities.
  */
- 
+
+.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-full       /* max-width: 100%; */
+.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-none       /* max-width: none; */
+
 /*
  * Height
  * --------------------
- * 
- * 
+ * Utilities for setting the height of an element
+ * By default, only responsive variants are generated for height utilities.
  */
- 
+
+.h-0       /* height: 0; */
+.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-8       /* height: 2rem; */
+.h-10      /* height: 2.5rem; */
+.h-12      /* height: 3rem; */
+.h-16      /* height: 4rem; */
+.h-20      /* height: 5rem; */
+.h-24      /* height: 6rem; */
+.h-32      /* height: 8rem; */
+.h-40      /* height: 10rem; */
+.h-48      /* height: 12rem; */
+.h-56      /* height: 14rem; */
+.h-64      /* height: 16rem; */
+.h-auto    /* height: auto; */
+.h-px      /* height: 1px; */
+.h-full    /* height: 100%; */
+.h-screen  /* height: 100vh; */
+
 /*
  * Min-Height
  * --------------------
- * 
- * 
+ * Utilities for setting the minimum height of an element
+ * By default, only responsive variants are generated for min-height utilities.
  */
- 
+
+.min-h-0       /* min-height: 0; */
+.min-h-full    /* min-height: 100%; */
+.min-h-screen  /* min-height: 100vh; */
+
 /*
  * Max-Height
  * --------------------
- * 
- * 
+ * Utilities for setting the maximum height of an element
+ * By default, only responsive variants are generated for max-height utilities.
  */
- 
+
+.max-h-full    /* max-height: 100%; */
+.max-h-screen  /* max-height: 100vh; */
+
 /* *******************************************************************************************
  * TYPOGRAPHY
  * ******************************************************************************************* */