gabeszm/weclome-banner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add positioning styles for below-site-header-outlet

Browse source 
- Set margin: 2em auto for below-site-header-outlet
- Apply max-width using sidebar and content width variables
- Add 20px horizontal margin to hero-section in below_header position
- Remove redundant max-width rule from welcome-card media query
This commit is contained in:
gabeszm 2025-10-16 17:44:44 +02:00
parent f83ed8a616
commit a1ea8ebe83
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
common/common.scss
View file

@ -24,16 +24,17 @@
margin-top: 2em; margin-top: 2em;
} }
.below-site-header-outlet {
margin: 2em auto;
max-width: calc(var(--d-sidebar-width) + var(--d-max-width));
}
@media (min-width: 800px) { @media (min-width: 800px) {
.welcome-card { .welcome-card {
max-width: 1500px; max-width: 1500px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
} }
.below-site-header-outlet .welcome-card {
max-width: calc(var(--d-sidebar-width, 0px) + var(--d-max-width, 1110px));
}
} }
@media (max-width: 769px) { @media (max-width: 769px) {
@ -57,6 +58,10 @@
background: var(--page-bg); background: var(--page-bg);
} }
.below-site-header-outlet .hero-section {
margin: 0 20px;
}
@media (min-width: 1100px) { @media (min-width: 1100px) {
.hero-section { .hero-section {
padding-bottom: 80px; padding-bottom: 80px;