From 0eacea8243fb1fb887984fa8c215cc1cf64b8061 Mon Sep 17 00:00:00 2001
From: Commander1024 <commander@commander1024.de>
Date: Fri, 14 Aug 2020 11:31:35 +0200
Subject: [PATCH] Added fest/previous next/last again incl text for alignment.

---
 .../01_Atoms/pagination/_pagination.scss      | 26 +++++++++++++++++++
 components/01_Atoms/pagination/pagination.hbs |  8 +++---
 public/main.css                               |  9 +++++++
 3 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/components/01_Atoms/pagination/_pagination.scss b/components/01_Atoms/pagination/_pagination.scss
index 73b3f67..8e88e7f 100644
--- a/components/01_Atoms/pagination/_pagination.scss
+++ b/components/01_Atoms/pagination/_pagination.scss
@@ -38,4 +38,30 @@
 			color: $-grey;
 		}
 	}
+
+	.LP-Pagination__First{
+		
+		&:before{
+			content: "«";
+		}
+	}
+
+	.LP-Pagination__Previous{
+		&:before{
+			content: "»";
+		}
+	}
+
+	.LP-Pagination__Next{
+		
+		&:after{
+			content: "\f061";
+		}
+	}
+
+	.LP-Pagination__Last{
+		&:after{
+			content: "»";
+		}
+	}
 }
\ No newline at end of file
diff --git a/components/01_Atoms/pagination/pagination.hbs b/components/01_Atoms/pagination/pagination.hbs
index 31ecc71..b4f6deb 100644
--- a/components/01_Atoms/pagination/pagination.hbs
+++ b/components/01_Atoms/pagination/pagination.hbs
@@ -1,10 +1,10 @@
 <div class="LP-Pagination">
     <ul class="LP-Pagination__List">
         <li class="LP-Pagination__Item LP-Pagination__Item--first">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__First"></span></a>
+            <a href="#" class="LP-Link"><span class="LP-Pagination__First">first</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--previous">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__Previous"></span></a>
+            <a href="#" class="LP-Link"><span class="LP-Pagination__Previous">previous</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--number">
             <a href="#" class="LP-Link"><span class="LP-Pagination__Number">1</span></a>
@@ -34,10 +34,10 @@
             <a href="#" class="LP-Link"><span class="LP-Pagination__Number">9</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--next">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__Next"></span></a>
+            <a href="#" class="LP-Link"><span class="LP-Pagination__Next">next</span></a>
         </li>
         <li class="LP-Pagination__Item LP-Pagination__Item--last">
-            <a href="#" class="LP-Link"><span class="LP-Pagination__Last"></span></a>
+            <a href="#" class="LP-Link"><span class="LP-Pagination__Last">last</span></a>
         </li>
     </ul>
 </div>
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index fec69d4..16a276d 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @font-face {
   font-family: Crimson;
   src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); }
@@ -275,6 +276,14 @@ body {
       background-color: #D7CEC7;
       border-radius: 2px;
       color: #565656; }
+  .LP-Pagination .LP-Pagination__First:before {
+    content: "«"; }
+  .LP-Pagination .LP-Pagination__Previous:before {
+    content: "»"; }
+  .LP-Pagination .LP-Pagination__Next:after {
+    content: "\f061"; }
+  .LP-Pagination .LP-Pagination__Last:after {
+    content: "»"; }
 
 .LP-Content {
   padding: 35px; }