Revert "Use inline-size instead of width."

This reverts commit 62e66c64ed.
This commit is contained in:
Fredrik Jonsson 2025-12-17 09:50:19 +01:00
commit 8e611f3a64
5 changed files with 10 additions and 10 deletions

View file

@ -59,7 +59,7 @@ input,
label,
textarea,
select {
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
}
fieldset {

View file

@ -13,7 +13,7 @@ blockquote {
margin-inline: var(--indent-amount);
/* Set max text line width in main for readability. */
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
}
/* Lists */
@ -58,7 +58,7 @@ li {
/* Set max text line width in main for readability. */
.main & {
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
}
}
@ -83,7 +83,7 @@ p {
/* Set max text line width in main for readability. */
.main & {
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
}
}

View file

@ -30,7 +30,7 @@ h6,
/* Set max text line width in main for readability. */
.main & {
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
}
}

View file

@ -39,7 +39,7 @@ figure {
contain: inline-size;
/* Set max text line width in main for readability. */
max-inline-size: var(--max-line-width);
max-width: var(--max-line-width);
/* Nicer text wrap, e.g. no lone word on last line. */
text-wrap: pretty;

View file

@ -60,7 +60,7 @@ object {
img,
svg,
video {
max-inline-size: 100%;
max-width: 100%;
height: auto;
}