From 5bc5b24fddb83a28039965d6a8854905dbc7479f Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Tue, 27 Feb 2018 20:24:55 -0800
Subject: [PATCH] Bring in some utilities from bootstrap theme

---
 ui/src/style/modules/helpers.scss | 62 +++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)

diff --git a/ui/src/style/modules/helpers.scss b/ui/src/style/modules/helpers.scss
index 33bea412a6..44f09733cc 100644
--- a/ui/src/style/modules/helpers.scss
+++ b/ui/src/style/modules/helpers.scss
@@ -13,3 +13,65 @@
 .text-center {
   text-align: center;
 }
+
+//  Flexbox Utilities
+//  ----------------------------------------------------------------------------
+
+.u-flex {
+	display: flex;
+	flex-wrap: wrap;
+
+	&.u-jc-flex-start { justify-content: flex-start; }
+	&.u-jc-flex-end { justify-content: flex-end; }
+	&.u-jc-center { justify-content: center; }
+	&.u-jc-space-between { justify-content: space-between; }
+	&.u-jc-space-around { justify-content: space-around; }
+
+	&.u-ai-flex-start { align-items: flex-start; }
+	&.u-ai-flex-end { align-items: flex-end; }
+	&.u-ai-center { align-items: center; }
+	&.u-ai-stretch { align-items: stretch; }
+	&.u-ai-baseline { align-items: baseline; }
+
+	&.u-ac-flex-start { align-content: flex-start; }
+	&.u-ac-flex-end { align-content: flex-end; }
+	&.u-ac-center { align-content: center; }
+	&.u-ac-stretch { align-content: stretch; }
+	&.u-ac-space-between { align-content: space-between; }
+	&.u-ac-space-around { align-content: space-around; }
+}
+
+//  Misc. Utilities
+//  ----------------------------------------------------------------------------
+
+.margin-zero {
+	margin: 0 !important;
+}
+.margin-bottom-zero {
+	margin-bottom: 0 !important;
+}
+.margin-top-zero {
+	margin-top: 0 !important;
+}
+.margin-left-zero {
+	margin-left: 0 !important;
+}
+.margin-right-zero {
+	margin-right: 0 !important;
+}
+
+.padding-zero {
+	padding: 0 !important;
+}
+.padding-bottom-zero {
+	padding-bottom: 0 !important;
+}
+.padding-top-zero {
+	padding-top: 0 !important;
+}
+.padding-left-zero {
+	padding-left: 0 !important;
+}
+.padding-right-zero {
+	padding-right: 0 !important;
+}