mummert/survey-bundle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine survey page gutters

Browse Source
This commit is contained in:
Jürgen Mummert
2026-05-24 16:49:44 +02:00
parent 3fd3adbf74
commit 0be3f3b59c
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contao/templates/frontend/_survey_assets.html.twig
+6 -9
View File
@@ -34,6 +34,7 @@
--survey-gray-mid: #a2a8b4; --survey-gray-mid: #a2a8b4;
--survey-gray-soft: #e9e9eb; --survey-gray-soft: #e9e9eb;
--survey-surface: rgba(255, 255, 255, 0.92); --survey-surface: rgba(255, 255, 255, 0.92);
--survey-page-gutter: clamp(2em, 6vw, 10em);
} }
.survey-brand-strip { .survey-brand-strip {
@@ -41,7 +42,9 @@
align-items: center; align-items: center;
gap: 1.5rem; gap: 1.5rem;
justify-content: center; justify-content: center;
width: min(1400px, calc(100% - 2em)); width: calc(100% - (var(--survey-page-gutter) * 2));
max-width: 1400px;
box-sizing: border-box;
margin: 0 auto clamp(2rem, 4vw, 3.5rem); margin: 0 auto clamp(2rem, 4vw, 3.5rem);
padding: 1rem 1.25rem 0.5rem; padding: 1rem 1.25rem 0.5rem;
} }
@@ -65,8 +68,9 @@
} }
.survey-shell { .survey-shell {
width: min(1400px, calc(100% - 2em)); width: calc(100% - (var(--survey-page-gutter) * 2));
max-width: 1400px; max-width: 1400px;
box-sizing: border-box;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color: var(--survey-black); color: var(--survey-black);
@@ -355,13 +359,6 @@
} }
} }
@media (min-width: 1440px) {
.survey-brand-strip,
.survey-shell {
width: min(1400px, calc(100% - 20em));
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.survey-brand-strip { .survey-brand-strip {
padding: 0.75rem 0.75rem 0.25rem; padding: 0.75rem 0.75rem 0.25rem;