From 807396f8b9c0d883e41ee443523e2749ebfdcc74 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Tue, 13 Nov 2018 14:22:48 +0000
Subject: [PATCH] Add comment to explain combining of flex and float
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Just so no-one thinks it’s redundant and removes it.
---
 app/assets/stylesheets/components/pill.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index 5a35c73e0..8258a2738 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -6,6 +6,13 @@
     width: 25%;
     flex-grow: 1;
     text-align: left;
+
+    /*
+      For browsers that don’t support flexbox, use float instead.
+      Float does not create floating of flex item, and do not take it
+      out-of-flow. So this is ignored by browsers that support flexbox.
+      See: https://www.w3.org/TR/css-flexbox-1/#flex-containers
+    */
     float: left;
   }