From 9229ccf85323c03b4ad96d60fa99d8229d24f219 Mon Sep 17 00:00:00 2001
From: mrmrs <hi@mrmrs.cc>
Date: Sat, 12 Aug 2017 23:20:54 +0100
Subject: [PATCH] Extend flex module to include setting nowrap or wrap reverse

---
 src/_flexbox.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/_flexbox.css b/src/_flexbox.css
index bcced9f..b0abe7a 100644
--- a/src/_flexbox.css
+++ b/src/_flexbox.css
@@ -25,6 +25,8 @@
 .flex-column  { flex-direction: column; }
 .flex-row     { flex-direction: row; }
 .flex-wrap    { flex-wrap: wrap; }
+.flex-nowrap    { flex-wrap: nowrap; }
+.flex-wrap-reverse    { flex-wrap: wrap-reverse; }
 .flex-column-reverse  { flex-direction: column-reverse; }
 .flex-row-reverse     { flex-direction: row-reverse; }
 .flex-wrap-reverse    { flex-wrap: wrap-reverse; }
@@ -77,6 +79,8 @@
   .flex-column-ns { flex-direction: column; }
   .flex-row-ns { flex-direction: row; }
   .flex-wrap-ns { flex-wrap: wrap; }
+  .flex-nowrap-ns { flex-wrap: nowrap; }
+  .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
   .flex-column-reverse-ns { flex-direction: column-reverse; }
   .flex-row-reverse-ns { flex-direction: row-reverse; }
   .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
@@ -128,6 +132,8 @@
   .flex-column-m { flex-direction: column; }
   .flex-row-m     { flex-direction: row; }
   .flex-wrap-m { flex-wrap: wrap; }
+  .flex-nowrap-m { flex-wrap: nowrap; }
+  .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
   .flex-column-reverse-m { flex-direction: column-reverse; }
   .flex-row-reverse-m { flex-direction: row-reverse; }
   .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
@@ -180,6 +186,8 @@
   .flex-column-l { flex-direction: column; }
   .flex-row-l { flex-direction: row; }
   .flex-wrap-l { flex-wrap: wrap; }
+  .flex-nowrap-l { flex-wrap: nowrap; }
+  .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
   .flex-column-reverse-l { flex-direction: column-reverse; }
   .flex-row-reverse-l { flex-direction: row-reverse; }
   .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }