From b2b32b190fa2a44b5d65acee0ce7fd3a8ec305cb Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 27 Dec 2020 23:47:07 +0100
Subject: [PATCH] Creating Layout/Semantic component

---
 .../elementList/_elementList.scss             | 19 ++++++++++++++++
 .../elementList/elementList.config.json       |  1 +
 .../04_Molecules/elementList/elementList.hbs  | 22 +++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 components/04_Molecules/elementList/_elementList.scss
 create mode 100644 components/04_Molecules/elementList/elementList.config.json
 create mode 100644 components/04_Molecules/elementList/elementList.hbs

diff --git a/components/04_Molecules/elementList/_elementList.scss b/components/04_Molecules/elementList/_elementList.scss
new file mode 100644
index 0000000..2907da4
--- /dev/null
+++ b/components/04_Molecules/elementList/_elementList.scss
@@ -0,0 +1,19 @@
+@mixin RV-ElementList__Item {
+    @include RV-FlexRow__Item;
+}
+
+@mixin RV-ElementList($-break_width: 500px, $prefix: '&') {
+    @include RV-FlexRow__Container;
+    @include RV-FlexRow__Container--shorthands;
+    @include RV-Reset;
+
+    list-style-type: none;
+
+    #{$prefix}__Item {
+        @include RV-ElementList__Item;
+    }
+}
+
+.RV-ElementList {
+    @include RV-ElementList;
+}
\ No newline at end of file
diff --git a/components/04_Molecules/elementList/elementList.config.json b/components/04_Molecules/elementList/elementList.config.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/components/04_Molecules/elementList/elementList.config.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/components/04_Molecules/elementList/elementList.hbs b/components/04_Molecules/elementList/elementList.hbs
new file mode 100644
index 0000000..60a5547
--- /dev/null
+++ b/components/04_Molecules/elementList/elementList.hbs
@@ -0,0 +1,22 @@
+<ul class="RV-ElementList RV-ElementList--vertical">
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+</ul>
+
+<br><br>
+
+<ul class="RV-ElementList RV-ElementList--horizontal">
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+	<li class="RV-ElementList__Item">Item</li>
+</ul>
+<br><br>
+<ul class="RV-ElementList RV-ElementList--auto">
+	<li class="RV-ElementList__Item">ItemItem</li>
+	<li class="RV-ElementList__Item">ItemItemItem</li>
+	<li class="RV-ElementList__Item">ItemItem</li>
+	<li class="RV-ElementList__Item">Item</li>
+</ul>
\ No newline at end of file