From 8d2a99c2081518f11249fce6a4d334356a72ad84 Mon Sep 17 00:00:00 2001
From: Ezekiel Kigbo <ekigbo@gitlab.com>
Date: Thu, 9 Jul 2020 20:10:58 +1000
Subject: [PATCH] feat: Add mt-5 and align-self-center for sm

---
 src/scss/utility-mixins/flex.scss    | 6 ++++++
 src/scss/utility-mixins/spacing.scss | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/scss/utility-mixins/flex.scss b/src/scss/utility-mixins/flex.scss
index 455d699f46..a8a54919cc 100644
--- a/src/scss/utility-mixins/flex.scss
+++ b/src/scss/utility-mixins/flex.scss
@@ -94,3 +94,9 @@
 @mixin gl-align-self-center {
   align-self: center;
 }
+
+@mixin gl-sm-align-self-center {
+  @media (min-width: $breakpoint-sm) {
+    @include gl-align-self-center;
+  }
+}
diff --git a/src/scss/utility-mixins/spacing.scss b/src/scss/utility-mixins/spacing.scss
index 2dc656b014..1ab60ad53d 100644
--- a/src/scss/utility-mixins/spacing.scss
+++ b/src/scss/utility-mixins/spacing.scss
@@ -584,6 +584,12 @@
 
 @mixin gl-sm-mt-0 {
   @media (min-width: $breakpoint-sm) {
-    margin-top: 0;
+    @include gl-mt-0;
+  }
+}
+
+@mixin gl-sm-mt-5 {
+  @media (min-width: $breakpoint-sm) {
+    @include gl-mt-5;
   }
 }
-- 
GitLab