Fix for scrolling background.

This commit is contained in:
Kremitzl 2019-04-29 14:35:18 +02:00
parent ec37177d2b
commit 308d63230e
2 changed files with 7 additions and 7 deletions

View File

@ -21,8 +21,7 @@ section {
--square: 100vh; } }
body {
font-size: calc(0.035 * var(--square));
background: var(--secondary); }
font-size: calc(0.035 * var(--square)); }
body .layout-content-and-preview,
body .layout-content-only {
display: grid;
@ -59,13 +58,15 @@ body {
grid-template-areas: ". . ." ". content ." ". . .";
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } }
body .layout-content {
background: white;
grid-area: content;
position: relative; }
body .layout-preview {
grid-area: preview;
display: flex;
align-items: center;
justify-content: center; }
justify-content: center;
background: var(--secondary); }
body .layout-preview img {
width: auto;
height: auto;

View File

@ -23,7 +23,6 @@ section {
body {
font-size: calc(0.035 * var(--square));
background: var(--secondary);
.layout-content-and-preview,
.layout-content-only {
@ -34,7 +33,7 @@ body {
max-width: 100vw;
overflow: auto;
}
.layout-content-and-preview {
grid-template-rows: var(--square) auto;
grid-template-columns: auto;
@ -88,7 +87,7 @@ body {
}
.layout-content {
// background: white;
background: white;
grid-area: content;
position: relative;
}
@ -98,7 +97,7 @@ body {
display: flex;
align-items: center;
justify-content: center;
// background: var(--secondary);
background: var(--secondary);
img {
width: auto;
height: auto;