From 8fb5c9902affb486f6ebf8181bfa3e5f0ea4a7fd Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 23 Aug 2020 11:39:07 +0200
Subject: [PATCH] Example

---
 .../10_Examples/imageGrid/_imageGrid.scss       | 17 +++++++++++++++++
 .../10_Examples/imageGrid/imageGrid.config.json |  1 +
 components/10_Examples/imageGrid/imageGrid.hbs  |  8 ++++++++
 3 files changed, 26 insertions(+)
 create mode 100644 components/10_Examples/imageGrid/_imageGrid.scss
 create mode 100644 components/10_Examples/imageGrid/imageGrid.config.json
 create mode 100644 components/10_Examples/imageGrid/imageGrid.hbs

diff --git a/components/10_Examples/imageGrid/_imageGrid.scss b/components/10_Examples/imageGrid/_imageGrid.scss
new file mode 100644
index 0000000..e9e6384
--- /dev/null
+++ b/components/10_Examples/imageGrid/_imageGrid.scss
@@ -0,0 +1,17 @@
+@mixin RV-ImageGrid {
+    @include RV-ElementList;
+    @include RV-FlexGrid;
+
+    &__Container {
+        @include RV-Spacing__Inner--medium;
+    }
+
+    &__Item {
+        @include RV-ContentCrop;
+        @include RV-ContentCrop--center;
+    }
+}
+
+.RV-ImageGrid {
+    @include RV-ImageGrid;
+}
\ No newline at end of file
diff --git a/components/10_Examples/imageGrid/imageGrid.config.json b/components/10_Examples/imageGrid/imageGrid.config.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/components/10_Examples/imageGrid/imageGrid.config.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/components/10_Examples/imageGrid/imageGrid.hbs b/components/10_Examples/imageGrid/imageGrid.hbs
new file mode 100644
index 0000000..29e4c4c
--- /dev/null
+++ b/components/10_Examples/imageGrid/imageGrid.hbs
@@ -0,0 +1,8 @@
+<div class="RV-ImageGrid">
+    <ul class="RV-ImageGrid__Container">
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi01.png'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi02.jpeg'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi03.jpeg'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi04.png'}}" alt=""></li>
+    </ul>
+</div>
\ No newline at end of file