Add gridGap

2020-08-28 17:07:20 +02:00
parent e0c59a8125
commit 21932d9be3
1 changed files with 11 additions and 0 deletions
--- a/_mixins.sass
+++ b/_mixins.sass
@ -142,3 +142,14 @@
  justify-content: center
  align-items: center

+/*
+ * Mimics grid-gap separation for flex
+ *
+ * Examples: @include gridGap(2.5rem)
+ */
+@mixin gridGap($size: 1rem)
+  margin: 0 $size
+  &:first-child
+    margin-left: 0
+  &:last-child
+    margin-right: 0