From 013769597d86483a9115ebbb5b6ef25e3a97c519 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Fri, 31 Jul 2020 23:35:01 +0200
Subject: [PATCH] Adding Image Component

---
 components/01_Atoms/_atoms.scss             |  1 +
 components/01_Atoms/image/_image.scss       |  4 ++++
 components/01_Atoms/image/image.config.json |  3 +++
 components/01_Atoms/image/image.hbs         | 23 +++++++++++++++++++++
 4 files changed, 31 insertions(+)
 create mode 100644 components/01_Atoms/image/_image.scss
 create mode 100644 components/01_Atoms/image/image.config.json
 create mode 100644 components/01_Atoms/image/image.hbs

diff --git a/components/01_Atoms/_atoms.scss b/components/01_Atoms/_atoms.scss
index 842df15..30769b6 100644
--- a/components/01_Atoms/_atoms.scss
+++ b/components/01_Atoms/_atoms.scss
@@ -5,3 +5,4 @@
 @import 'button/button';
 @import 'checkbox/checkbox';
 @import 'input/input';
+@import 'image/image';
diff --git a/components/01_Atoms/image/_image.scss b/components/01_Atoms/image/_image.scss
new file mode 100644
index 0000000..a90c54e
--- /dev/null
+++ b/components/01_Atoms/image/_image.scss
@@ -0,0 +1,4 @@
+.LP-Image{
+	max-width:100%;
+	max-height:100%;
+}
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.config.json b/components/01_Atoms/image/image.config.json
new file mode 100644
index 0000000..4eb7c3f
--- /dev/null
+++ b/components/01_Atoms/image/image.config.json
@@ -0,0 +1,3 @@
+{
+	
+}
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.hbs b/components/01_Atoms/image/image.hbs
new file mode 100644
index 0000000..85682c7
--- /dev/null
+++ b/components/01_Atoms/image/image.hbs
@@ -0,0 +1,23 @@
+<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
+
+<div style="height: 80px;width: 40px; background-color: green;">
+	<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
+</div>
+
+<p></p>
+
+<div style="height: 40px;width: 80px;background-color: green;">
+	<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
+</div>
+
+<p></p>
+
+<div style="height: 80px;width: 40px;background-color: green;">
+	<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
+</div>
+
+<p></p>
+
+<div style="height: 40px;width: 80px;background-color: green;">
+	<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
+</div>
\ No newline at end of file