From 53aec141ba6038bbd825b0bee22e56dae86d90e4 Mon Sep 17 00:00:00 2001
From: Commander1024 <commander@commander1024.de>
Date: Sat, 2 Oct 2021 07:55:54 +0200
Subject: [PATCH] Added Material Icons font, scss and hsb.

---
 components/01_Atoms/fonts/_fonts.scss       |  2 +-
 components/01_Atoms/fonts/fonts.config.json |  1 +
 components/01_Atoms/fonts/fonts.hbs         |  5 ++++
 public/main.css                             | 32 ++++++++++++++++-----
 4 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 components/01_Atoms/fonts/fonts.config.json
 create mode 100644 components/01_Atoms/fonts/fonts.hbs

diff --git a/components/01_Atoms/fonts/_fonts.scss b/components/01_Atoms/fonts/_fonts.scss
index 1840e69..9cd269b 100644
--- a/components/01_Atoms/fonts/_fonts.scss
+++ b/components/01_Atoms/fonts/_fonts.scss
@@ -1,4 +1,4 @@
-.LP-material-icons{
+.LP-Material-Icons{
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
diff --git a/components/01_Atoms/fonts/fonts.config.json b/components/01_Atoms/fonts/fonts.config.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/components/01_Atoms/fonts/fonts.config.json
@@ -0,0 +1 @@
+{}
diff --git a/components/01_Atoms/fonts/fonts.hbs b/components/01_Atoms/fonts/fonts.hbs
new file mode 100644
index 0000000..9cc7666
--- /dev/null
+++ b/components/01_Atoms/fonts/fonts.hbs
@@ -0,0 +1,5 @@
+<ul>
+    <li><span class="LP-Material-Icons">image</span></li>
+    <li><span class="LP-Material-Icons">image-album</span></li>
+    <li><span class="LP-Material-Icons">youtube</span></li>
+</ul>
diff --git a/public/main.css b/public/main.css
index 63c0fcf..0acb604 100644
--- a/public/main.css
+++ b/public/main.css
@@ -465,6 +465,12 @@
   font-display: swap;
   src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"); }
 
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local("MaterialIcons Regular"), local("MaterialIcons-Regular"), url(fonts/MaterialDesignIcons/MaterialIcons-Regular.woff2) format("woff2"); }
+
 html {
   height: 100%;
   margin: 0;
@@ -553,15 +559,12 @@ body {
     margin-top: 60px; } }
 
 .LP-Link {
-  color: #565656;
+  color: #C09F80;
   text-decoration: none;
-  font-family: "Montserrat", Helvetica, sans-serif; }
+  font-family: "Crimson Pro", Times, serif; }
   .LP-Link:hover {
-    color: #C09F80; }
-  .LP-Link .LP-Paragraph {
-    font-family: "Montserrat", Helvetica, sans-serif; }
-    .LP-Link .LP-Paragraph:hover {
-      color: #C09F80; }
+    color: #565656;
+    text-decoration: underline; }
 
 .LP-Link__IconWrapper {
   display: inline; }
@@ -858,6 +861,21 @@ body {
   .LP-Pagination .LP-Pagination__Item .LP-Link {
     padding: 8px 11px; } }
 
+.LP-Material-Icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -moz-font-feature-settings: 'liga';
+  -moz-osx-font-smoothing: grayscale; }
+
 .LP-Content {
   padding: 35px; }