1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-13 01:02:10 +00:00

CSS: auto intrinsic sizing, alignment fix

This commit is contained in:
Rohan Kumar 2022-07-21 18:40:40 -07:00
parent 2f4b548726
commit df06b764d2
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479

View file

@ -117,16 +117,16 @@ html {
* down the browser by using content-visibility. */ * down the browser by using content-visibility. */
li article { li article {
content-visibility: auto; content-visibility: auto;
contain-intrinsic-size: 16em; contain-intrinsic-size: auto 16em;
} }
/* Notes can get a bit long. */ /* Notes can get a bit long. */
li article[itemtype="https://schema.org/SocialMediaPosting"] { li article[itemtype="https://schema.org/SocialMediaPosting"] {
contain-intrinsic-size: 36em; contain-intrinsic-size: auto 36em;
} }
.tall { .tall {
contain-intrinsic-size: 50em; contain-intrinsic-size: auto 50em;
} }
summary { summary {
@ -195,6 +195,7 @@ html {
/* List items with direct hyperlink children should only have one /* List items with direct hyperlink children should only have one
* hyperlink. */ * hyperlink. */
li > a, li > a,
h3 > a,
aside > a, aside > a,
nav ol a { nav ol a {
display: inline-block; display: inline-block;
@ -208,6 +209,12 @@ html {
padding: .5em .25em; 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 /* 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 * skip-link. The breadcrumbs also can't have their focus-outlines
* overflow while CSS containment is enabled. */ * overflow while CSS containment is enabled. */