From aeace17659356de710c026ee6b8ca13af55bdb9c Mon Sep 17 00:00:00 2001
From: Julien Le Coupanec <julien.le.coupanec@gmail.com>
Date: Sat, 28 Mar 2020 23:07:29 +0100
Subject: [PATCH] docs(tailwind): object-fit

---
 frontend/tailwind.css | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/tailwind.css b/frontend/tailwind.css
index e68f286..469af88 100644
--- a/frontend/tailwind.css
+++ b/frontend/tailwind.css
@@ -3,11 +3,9 @@
  * DOCUMENTATION: https://tailwindcss.com/
  * ******************************************************************************************* */
 
-/* *******************************************************************************************
- * AVAILABLE BREAKPOINTS
- * ******************************************************************************************* */
-
 /*
+ * Available breakpoints
+ * ----------
  * sm: min-width: 640px;
  * md: min-width: 768px;
  * lg: min-width: 1024px;
@@ -82,3 +80,16 @@
 .clear-left  /* clear: left; */
 .clear-right /* clear: right; */
 .clear-both  /* clear: both; */
+
+/*
+ * Object Fit
+ * ----------
+ * Utilities for controlling how a replaced element's content should be resized.
+ * By default, only responsive variants are generated for object-fit utilities.
+ */
+
+.object-contain    /* object-fit: contain; */
+.object-cover      /* object-fit: cover; */
+.object-fill       /* object-fit: fill; */
+.object-none       /* object-fit: none; */
+.object-scale-down /* object-fit: scale-down; */