From ac3666f65bd81f48c8d88099310070eeff46fbd7 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sat, 19 Aug 2023 21:56:32 +0100
Subject: Better Back To Top link layout

---
 public/css/layout/grid.css | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

(limited to 'public/css/layout/grid.css')

diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css
index b4bc240..0b90b98 100644
--- a/public/css/layout/grid.css
+++ b/public/css/layout/grid.css
@@ -16,6 +16,10 @@
   width: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width));
 }
 
+.grid-span-3 {
+  width: calc(var(--grid-column-width) * 3 + var(--grid-gutter-width) * 2);
+}
+
 .grid-span-6 {
   width: calc(
     var(--grid-column-width) * min(6, var(--grid-column-count)) +
@@ -30,7 +34,26 @@
   )
 }
 
-.grid-end-end {
-  margin-inline-start: auto;
+.grid-span-1.grid-end {
+  margin-inline-start: calc(
+    var(--grid-column-width) * (var(--grid-column-count) - 1) +
+    var(--grid-gutter-width) * (var(--grid-column-count) - 1)
+  );
+  margin-inline-end: 0;
+}
+
+.grid-span-2.grid-end {
+  margin-inline-start: calc(
+    var(--grid-column-width) * (var(--grid-column-count) - 2) +
+    var(--grid-gutter-width) * (var(--grid-column-count) - 2)
+  );
+  margin-inline-end: 0;
+}
+
+.grid-span-3.grid-end {
+  margin-inline-start: calc(
+    var(--grid-column-width) * (var(--grid-column-count) - 3) +
+    var(--grid-gutter-width) * (var(--grid-column-count) - 3)
+  );
   margin-inline-end: 0;
 }
\ No newline at end of file
-- 
cgit v1.2.3