Add scrollbar-gutter: stable and use min-height: 100svh.
This commit is contained in:
parent
d596cb6c26
commit
14736726a4
2 changed files with 4 additions and 2 deletions
|
|
@ -7,7 +7,6 @@
|
||||||
|
|
||||||
@media (min-width: 666px) {
|
@media (min-width: 666px) {
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
min-height: 100vh;
|
|
||||||
min-height: 100svh;
|
min-height: 100svh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,6 +30,9 @@
|
||||||
/* Improve text rendering. */
|
/* Improve text rendering. */
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
||||||
|
/* Always keep space for the scrollbar */
|
||||||
|
scrollbar-gutter: stable;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sections */
|
/* Sections */
|
||||||
|
|
@ -41,7 +44,7 @@
|
||||||
|
|
||||||
/* On short pages, we want the body to fill the entire height */
|
/* On short pages, we want the body to fill the entire height */
|
||||||
/* of the browser. */
|
/* of the browser. */
|
||||||
min-height: 100vh;
|
min-height: 100svh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Embedded content */
|
/* Embedded content */
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue