From a340c01a9921260da56eb1b9a160ab44916049db Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Wed, 24 Oct 2018 17:16:12 +0200
Subject: [PATCH] scss/typograhy: add a special style for page-wide titles

Fix #1
---
 scss/_cards.scss      |  5 -----
 scss/_typography.scss | 16 ++++++++++++++++
 style.css             | 17 +++++++++++++----
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/scss/_cards.scss b/scss/_cards.scss
index 3d0dc72..5a8f31c 100644
--- a/scss/_cards.scss
+++ b/scss/_cards.scss
@@ -46,11 +46,6 @@
   box-shadow: $large-shadow, $inset-shadow;
 }
 
-.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10  {
-	color:#333;
-	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-}
-
 /* 4.1 - Header and titles */
 
 .card-header {
diff --git a/scss/_typography.scss b/scss/_typography.scss
index 2f7484d..0c24a30 100644
--- a/scss/_typography.scss
+++ b/scss/_typography.scss
@@ -105,6 +105,22 @@ h1, h2, h3, h4, h5, h6, h7 {
 	padding:0;
 	margin:0;
 	font-weight:400;
+	
+	&.page-title {
+    font-family: Teko;
+    color: $color-primary;
+    border-bottom: 3px solid $color-primary;
+    font-weight: 600;
+    text-shadow: 2px 2px 0px rgba(0,0,0,.2);
+    box-shadow: 0px 2px 0px rgba(0,0,0,.2);
+    margin-bottom: 0.5em; 
+    padding: 0;
+    i {
+      font-size: 0.55em;
+      position: relative;
+      top: -0.175em;
+    }
+  }
 }
 
 h1 {
diff --git a/style.css b/style.css
index 6278f87..3585489 100644
--- a/style.css
+++ b/style.css
@@ -311,6 +311,19 @@ h1, h2, h3, h4, h5, h6, h7 {
   padding: 0;
   margin: 0;
   font-weight: 400; }
+  h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title {
+    font-family: Teko;
+    color: #e33d22;
+    border-bottom: 3px solid #e33d22;
+    font-weight: 600;
+    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
+    margin-bottom: 0.5em;
+    padding: 0; }
+    h1.page-title i, h2.page-title i, h3.page-title i, h4.page-title i, h5.page-title i, h6.page-title i, h7.page-title i {
+      font-size: 0.55em;
+      position: relative;
+      top: -0.175em; }
 
 h1 {
   font-size: 2.33333em;
@@ -626,10 +639,6 @@ ul.social {
 .card-shadow {
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); }
 
-.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
-  color: #333;
-  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
-
 /* 4.1 - Header and titles */
 .card-header {
   border: 1px solid rgba(0, 0, 0, 0.3);