add optional grid mode

This commit is contained in:
Rene Haas
2022-10-13 09:48:57 +02:00
parent 83129e55be
commit db6ba94fbe
2 changed files with 16 additions and 0 deletions
@@ -97,6 +97,19 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
flex-wrap: nowrap !important;
}
[data-overlayscrollbars~='grid'],
[data-overlayscrollbars~='grid'] .os-padding {
display: grid;
grid-template: 1fr / 1fr;
}
[data-overlayscrollbars~='grid'] > .os-padding,
[data-overlayscrollbars~='grid'] > .os-viewport,
[data-overlayscrollbars~='grid'] > .os-padding > .os-viewport {
height: auto !important;
width: auto !important;
}
.os-padding,
.os-viewport {
box-sizing: inherit;
@@ -156,6 +156,9 @@ body {
.widthAuto > #target[data-overlayscrollbars~='host'] {
display: inline-flex;
}
.widthAuto > #target[data-overlayscrollbars~='grid'] {
display: inline-grid;
}
.widthHundred > .container,
.envWidthHundred {
width: 100%;