Received: from out0.migadu.com (out0.migadu.com [94.23.1.103]) by mail-b.sr.ht (Postfix) with ESMTPS id C8260FF0BA for <~sircmpwn/sr.ht-dev@lists.sr.ht>; Fri, 2 Oct 2020 15:50:07 +0000 (UTC) Authentication-Results: mail-b.sr.ht; dkim=fail reason="key not found in DNS" (0-bit key) header.d=orbital.rocks header.i=@orbital.rocks header.b=nBCF7Eea X-Report-Abuse: Please report any abuse attempt to abuse@migadu.com and include these headers. DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=orbital.rocks; s=key1; t=1601653806; h=from:from:reply-to:subject:subject:date:date:message-id:message-id: to:to:cc:cc:mime-version:mime-version: content-transfer-encoding:content-transfer-encoding; bh=Hjrr0zBC4M6LNTTQbiI6bzKeZiuUpjALHgsABuj5hoY=; b=nBCF7EeaqTEwQS9n9bywe4v+QlOxdtcSoua3qkI2ych7WqmZ/x7qVrE0TeRCFI9VVW4PMa QRtF/A6F6GuL3AZquLyx/ke+HJ9Rqw2oQQrHpIZ2sHG3NrxsoucRNlfiUG3s2It9CcIYSg 9jk0L8OLXlOwFIaIgGupBcuexC13Ow9DI8+xOqifl1mQZOuHx2x80wrGaQXF05Kihjtbao bTr9geUCds/V5ITgdhM5EvmD7zMeW6ciEherYVb3EW1Ne8sxSzxPx+q2Gc3qSFSK2tsVwM u4aZ7DbE+U5Csq/zAv/9a9tlC4maWW3ZVJGSWrlPu1oyjPt9ZAcMC5zOKz3SCA== From: gildarts To: ~sircmpwn/sr.ht-dev@lists.sr.ht Cc: gildarts 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 X-Spam-Score: 0.00 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