CSS: Fix handling of white background

This commit is contained in:
Raphael Michel
2024-06-25 15:22:16 +02:00
parent 3e4ccc53be
commit 9e20fac0da
2 changed files with 28 additions and 25 deletions

View File

@@ -80,39 +80,35 @@ h2.content-header {
}
@media (min-width: $screen-sm-min) {
.main-box {
@if ($body-bg != #FFFFFF) {
margin: 20px auto;
padding-left: 25px;
padding-right: 25px;
border-radius: $border-radius-large;
}
margin: calc(20px * var(--pretix-body-bg-white-0)) auto;
padding-left: calc(25px * var(--pretix-body-bg-white-0) + 15px * var(--pretix-body-bg-white-1));
padding-right: calc(25px * var(--pretix-body-bg-white-0) + 15px * var(--pretix-body-bg-white-1));
border-radius: calc($border-radius-large * var(--pretix-body-bg-white-0));
}
.page-header-links-outside {
@if ($body-bg != #FFFFFF) {
padding-left: 0;
padding-right: 0;
}
padding-left: calc(15px * var(--pretix-body-bg-white-1));
padding-right: calc(15px * var(--pretix-body-bg-white-1));
}
.page-header-links > div.header-part {
@if ($body-bg != #FFFFFF) {
padding: 10px 0;
margin-bottom: -20px;
}
padding-top: calc(10px * var(--pretix-body-bg-white-0) + 15px * var(--pretix-body-bg-white-1));
padding-bottom: calc(10px * var(--pretix-body-bg-white-0));
padding-left: 0;
padding-right: 0;
margin-bottom: calc(-20px * var(--pretix-body-bg-white-0));
}
.page-header-links-outside > div.header-part {
padding-bottom: calc(15px * var(--pretix-body-bg-white-1));
}
.page-header.logo-large {
margin-top: 0;
@if ($body-bg != #FFFFFF) {
margin-left: -25px;
margin-right: -25px;
}
margin-left: calc(-25px * var(--pretix-body-bg-white-0));
margin-right: calc(-25px * var(--pretix-body-bg-white-0));
img {
@if ($body-bg != #FFFFFF) {
border-top-right-radius: $border-radius-large;
border-top-left-radius: $border-radius-large;
}
border-top-right-radius: calc($border-radius-large * var(--pretix-body-bg-white-0));
border-top-left-radius: calc($border-radius-large * var(--pretix-body-bg-white-0));
}
}
@@ -122,9 +118,7 @@ h2.content-header {
}
footer {
@if ($body-bg != #FFFFFF) {
padding-bottom: 0;
}
padding-bottom: calc(10px * var(--pretix-body-bg-white-1));
}
.label-success-warning {