From e3e212be2553e56a195ad89cc1e9880a9622e063 Mon Sep 17 00:00:00 2001
From: Julien Le Coupanec <julien.le.coupanec@gmail.com>
Date: Sat, 28 Mar 2020 22:03:51 +0100
Subject: [PATCH] docs(tailwind): add breakpoints + container + box-sizing

---
 frontend/tailwind.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/frontend/tailwind.css b/frontend/tailwind.css
index 0fdf8a5..1ae40f6 100644
--- a/frontend/tailwind.css
+++ b/frontend/tailwind.css
@@ -2,3 +2,38 @@
  * TAILWIND.CSS
  * DOCUMENTATION: https://tailwindcss.com/
  * ******************************************************************************************* */
+
+/* *******************************************************************************************
+ * AVAILABLE BREAKPOINTS
+ * ******************************************************************************************* */
+
+/*
+ * sm: min-width: 640px;
+ * md: min-width: 768px;
+ * lg: min-width: 1024px;
+ * xl: min-width: 1280px;
+ */
+
+/* *******************************************************************************************
+ * CONTAINER
+ * A component for fixing an element's width to the current breakpoint.
+ * ******************************************************************************************* */
+
+.container
+
+/*
+ * none: width: 100%;
+ * sm:   max-width: 640px;
+ * md:   max-width: 768px;
+ * lg:   max-width: 1024px;
+ * xl:   max-width: 1280px;
+ */
+
+/* *******************************************************************************************
+ * BOX-SIZING
+ * Utilities for controlling how the browser should calculate an element's total size.
+ * By default, only responsive variants are generated for box-sizing utilities.
+ * ******************************************************************************************* */
+
+.box-border	 /* box-sizing: border-box; */
+.box-content /* box-sizing: content-box; */