ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Revert "Use inline-size instead of width."

Browse source 
This reverts commit 62e66c64ed.
This commit is contained in:
Fredrik Jonsson 2025-12-17 09:50:19 +01:00
commit 8e611f3a64
6 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/sass/base/forms/_forms.scss
View file

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

6
assets/sass/base/grouping/_grouping.scss
View file

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

2
assets/sass/base/headings/_headings.scss
View file

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

2
assets/sass/base/images/_images.scss
View file

@ -39,7 +39,7 @@ figure {
contain: inline-size; contain: inline-size;
/* Set max text line width in main for readability. */ /* 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. */ /* Nicer text wrap, e.g. no lone word on last line. */
text-wrap: pretty; text-wrap: pretty;

2
assets/sass/base/reset/_reset.scss
View file

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

6
assets/sass/layouts/_layouts.scss
View file

@ -3,7 +3,7 @@
/* Initial layout setup. */ /* Initial layout setup. */
.layout { .layout {
&__page { &__page {
max-inline-size: var(--max-page-width); max-width: var(--max-page-width);
@media (min-width: 666px) { @media (min-width: 666px) {
margin-inline: auto; margin-inline: auto;
@ -22,7 +22,7 @@
&__page-bottom, &__page-bottom,
&__cookieconsent { &__cookieconsent {
padding-inline: var(--gutters); padding-inline: var(--gutters);
min-inline-size: 0; /* With display grid defaults to auto, making <pre> overflow. */ min-width: 0; /* With display grid defaults to auto, making <pre> overflow. */
} }
} }
@ -32,7 +32,7 @@
@if $max-page-width > $max-content-width { @if $max-page-width > $max-content-width {
.layout { .layout {
&__navigation > * { &__navigation > * {
max-inline-size: var(--max-content-width); max-width: var(--max-content-width);
@media (min-width: 666px) { @media (min-width: 666px) {
margin-inline: auto; margin-inline: auto;