From e1311567da89fb76191f4ef4495641d0481b9b76 Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Wed, 24 Oct 2018 21:15:35 +0200
Subject: [PATCH] scss/typography: add a flex title class

This class will be able to show its childrens elements as flexbox, that will be on opposite side. It'll be used to show an icon on the right side of a title.
---
 scss/_typography.scss | 9 +++++++++
 style.css             | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/scss/_typography.scss b/scss/_typography.scss
index 600ba37..88b899e 100644
--- a/scss/_typography.scss
+++ b/scss/_typography.scss
@@ -134,6 +134,15 @@ h1, h2, h3, h4, h5, h6, h7 {
       position: relative;
       top: -0.175em;
     }
+    
+    &-flex {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      & > span, & > i, & > a {
+        display: block;
+      }
+    }
   }
 }
 
diff --git a/style.css b/style.css
index dc20da9..6f12faa 100644
--- a/style.css
+++ b/style.css
@@ -334,6 +334,12 @@ h1, h2, h3, h4, h5, h6, h7 {
       font-size: 0.55em;
       position: relative;
       top: -0.175em; }
+    h1.page-title-flex, h2.page-title-flex, h3.page-title-flex, h4.page-title-flex, h5.page-title-flex, h6.page-title-flex, h7.page-title-flex {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between; }
+      h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a {
+        display: block; }
 
 h1 {
   font-size: 2.33333em;