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:
parent
2f4b548726
commit
df06b764d2
1 changed files with 10 additions and 3 deletions
|
@ -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. */
|
||||||
|
|
Loading…
Reference in a new issue