diff --git a/src/styles/mixins/flex.sass b/src/styles/mixins/flex.sass
new file mode 100644
index 0000000..e959860
--- /dev/null
+++ b/src/styles/mixins/flex.sass
@@ -0,0 +1,36 @@
+// Provides a quick method for setting an element’s flex settings. Use a `null` value to “skip” a side. Fast & Neat.
+
+    @example sass - Usage
+      .element1 {
+         +flex(space-between, center);
+      }
+
+      .element2 {
+         +flex(space-evenly, null, column);
+      }
+
+    @example css - CSS Output
+      .element1 {
+         display: flex;
+         justify-content: space-between
+         align-items: center
+      }
+
+      .element2 {
+         display: flex;
+         justify-content: space-between
+         flex-direction: column
+      }
+
+    @krystofm - Kodérek for life.
+
+
+=flex($justify: null, $align: center, $direction: null)
+
+  $offsets: (justify-content: $justify, align-items: $align, flex-direction: $direction)
+
+  display: flex
+
+  @each $offset, $value in $offsets
+    @if $value
+      #{$offset}: $value
\ No newline at end of file