From 7cb0d9b3635cbcc5a9d68499445b805be76710b5 Mon Sep 17 00:00:00 2001
From: mntn <85877297+mntn-xyz@users.noreply.github.com>
Date: Sat, 31 Jul 2021 21:00:17 -0400
Subject: [PATCH] Fix issue with .page__body outline on Firefox

CSS outline has issues with Firefox in several situations involving child elements with negative margins. Changing to box-shadow fixes this. Tested on Chrome and Firefox.
---
 static/css/layout.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/layout.css b/static/css/layout.css
index 9f7fb7e..711761a 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -42,7 +42,7 @@
 .page__body {
     grid-area: body;
     background-color: var(--bg);
-    outline: 1rem solid var(--bg);
+    box-shadow: 0 0 0 1rem var(--bg);
 }
 
 .page__aside {