From: gildarts <gildarts@orbital.rocks>
To: ~sircmpwn/sr.ht-dev@lists.sr.ht
Cc: gildarts <gildarts@orbital.rocks>
Subject: [RFC PATCH core.sr.ht] Fix alignment and sizing of header anchor tags
Date: Fri,  2 Oct 2020 11:49:49 -0400
Message-Id: <20201002154949.462-1-gildarts@orbital.rocks>
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

- Switch to `inherit` for font-size to allow the achor to change as the
  font-size of the anchor changes
- Switch to relative spacing so that the position change also adjusts
  with header text size.
- Remove margin rule that appeared to be causing issues aligning the
  header properly.
---
 srht/scss/base.scss | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/srht/scss/base.scss b/srht/scss/base.scss
index 3235e63..dd35633 100644
--- a/srht/scss/base.scss
+++ b/srht/scss/base.scss
@@ -310,8 +310,8 @@ code {
       transition: opacity 0.15s linear;
       opacity: 0;
       position: absolute;
-      font-size: 1.2rem;
-      left: -1rem;
+      font-size: inherit;
+      left: -.7em;
     }
=20
     @media(prefers-reduced-motion) {
@@ -324,10 +324,6 @@ code {
       opacity: 1;
     }
=20
-    * {
-      margin: 0 .5rem;
-    }
-
     img {
       margin: 0 .2rem;
     }
--=20
2.25.1