From 19de670fd29a55992e715c565662214e70f7b834 Mon Sep 17 00:00:00 2001
From: Tom Willemse <tom@ryuslash.org>
Date: Thu, 14 Jul 2022 22:29:53 -0700
Subject: [PATCH] Add style for the UP | HOME links generated by org-mode

---
 src/less/include/components.less | 16 +++++++++++-----
 src/less/main.less               |  9 +++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/less/include/components.less b/src/less/include/components.less
index 63689c1..e679811 100644
--- a/src/less/include/components.less
+++ b/src/less/include/components.less
@@ -63,11 +63,8 @@
   }
 }
 
-.title-header {
-  text-align: center;
-  padding: 20px;
-  margin: 0;
-  font-size: 2.5rem;
+.header-block {
+  box-sizing: border-box;
 
   @media (prefers-color-scheme: dark) {
     color: @dark-primary;
@@ -79,3 +76,12 @@
     background-color: @light-background-highlight;
   }
 }
+
+.title-header {
+  &:extend(.header-block);
+
+  padding: 20px;
+  text-align: center;
+  margin: 0;
+  font-size: 2.5rem;
+}
diff --git a/src/less/main.less b/src/less/main.less
index 4d16edd..7d59b3f 100644
--- a/src/less/main.less
+++ b/src/less/main.less
@@ -9,6 +9,15 @@
   &:extend(.subtitle);
 }
 
+#org-div-home-and-up {
+  &:extend(.header-block);
+  &:extend(.content-wrapper);
+
+  text-align: right;
+  font-size: 0.8rem;
+  padding-right: 1rem;
+}
+
 #postamble {
   &:extend(.footer);
   &:extend(.content-wrapper);