From 381e3bcca0813a493c64bef001a8b3e24d8415a3 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 23 Aug 2020 11:38:16 +0200
Subject: [PATCH] Styling for lists with HTMlL Elemnts in it

---
 components/02_Styles/elementList/_elementList.scss | 14 ++++++++++++++
 .../02_Styles/elementList/elementList.config.json  |  5 +++++
 components/02_Styles/elementList/elementList.hbs   |  9 +++++++++
 3 files changed, 28 insertions(+)
 create mode 100644 components/02_Styles/elementList/_elementList.scss
 create mode 100644 components/02_Styles/elementList/elementList.config.json
 create mode 100644 components/02_Styles/elementList/elementList.hbs

diff --git a/components/02_Styles/elementList/_elementList.scss b/components/02_Styles/elementList/_elementList.scss
new file mode 100644
index 0000000..2bdf22a
--- /dev/null
+++ b/components/02_Styles/elementList/_elementList.scss
@@ -0,0 +1,14 @@
+@mixin RV-ElementList {
+    &__Container {
+        list-style-type: none;
+        @include RV-Reset;
+    }
+
+    &__Item {
+        @include RV-Reset;
+    }
+}
+
+.RV-ElementList {
+    @include RV-ElementList;
+}
\ No newline at end of file
diff --git a/components/02_Styles/elementList/elementList.config.json b/components/02_Styles/elementList/elementList.config.json
new file mode 100644
index 0000000..398fcb4
--- /dev/null
+++ b/components/02_Styles/elementList/elementList.config.json
@@ -0,0 +1,5 @@
+{
+  "context": {
+
+  }
+}
\ No newline at end of file
diff --git a/components/02_Styles/elementList/elementList.hbs b/components/02_Styles/elementList/elementList.hbs
new file mode 100644
index 0000000..cb10d5c
--- /dev/null
+++ b/components/02_Styles/elementList/elementList.hbs
@@ -0,0 +1,9 @@
+<div class="RV-ElementList">
+    <ul class="RV-ElementList__Container">
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+    </ul>
+</div>
\ No newline at end of file