diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index 6c6d9d4..ffa3d52 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -6,3 +6,4 @@
 @import 'mixins/borders';
 @import 'mixins/shape';
 @import 'mixins/panels';
+@import 'mixins/li';
diff --git a/src/scss/mixins/_borders.scss b/src/scss/mixins/_borders.scss
index 41264b0..d6bb913 100644
--- a/src/scss/mixins/_borders.scss
+++ b/src/scss/mixins/_borders.scss
@@ -13,9 +13,3 @@
 @mixin border-radius($border-radius) {
   border-radius: $border-radius $border-radius $border-radius $border-radius;
 }
-
-@mixin li-no-margin() {
-    li {
-        margin: 0;
-    }
-}
diff --git a/src/scss/mixins/_li.scss b/src/scss/mixins/_li.scss
new file mode 100644
index 0000000..1a78451
--- /dev/null
+++ b/src/scss/mixins/_li.scss
@@ -0,0 +1,13 @@
+@mixin li-no-margin() {
+    li {
+        margin: 0;
+    }
+}
+
+@mixin li-flex() {
+  display:flex;
+  flex-direction: row;
+  align-items: flex-start;
+  @include li-no-margin();
+  list-style: none;
+}