From df06b764d26560dde04b59d571fd1ec12bb32e8b Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Thu, 21 Jul 2022 18:40:40 -0700 Subject: [PATCH] CSS: auto intrinsic sizing, alignment fix --- assets/css/main.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 90f8543..8ffb950 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -117,16 +117,16 @@ html { * down the browser by using content-visibility. */ li article { content-visibility: auto; - contain-intrinsic-size: 16em; + contain-intrinsic-size: auto 16em; } /* Notes can get a bit long. */ li article[itemtype="https://schema.org/SocialMediaPosting"] { - contain-intrinsic-size: 36em; + contain-intrinsic-size: auto 36em; } .tall { - contain-intrinsic-size: 50em; + contain-intrinsic-size: auto 50em; } summary { @@ -195,6 +195,7 @@ html { /* List items with direct hyperlink children should only have one * hyperlink. */ li > a, + h3 > a, aside > a, nav ol a { display: inline-block; @@ -208,6 +209,12 @@ html { padding: .5em .25em; } + /* align h-feeds in sections; they typically follow articles. */ + section article p { + margin-left: -.5em; + } + + /* The nav has to be distant-enough from the top to make room for a * skip-link. The breadcrumbs also can't have their focus-outlines * overflow while CSS containment is enabled. */