56 lines
1.2 KiB
CSS
56 lines
1.2 KiB
CSS
/* ========================================================= */
|
|
/* Layouts: Page Layout Public */
|
|
/* ========================================================= */
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sg-page-layout-public__heading-block {
|
|
margin-top: calc(var(--spacing-large) * 2);
|
|
margin-bottom: var(--spacing-large);
|
|
}
|
|
|
|
.sg-page-layout-public__content-mirror {
|
|
width: min(calc(100% - (var(--spacing-large) * 2)), 1100px);
|
|
max-width: 1100px;
|
|
margin-inline: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
|
|
.sg-page-layout-public-2-column__columns {
|
|
display: grid;
|
|
grid-template-columns: var(--layout-page-layout-public-2-column-columns);
|
|
gap: var(--layout-page-layout-public-2-column-gap);
|
|
align-items: start;
|
|
}
|
|
|
|
.sg-page-layout-public-2-column__text-column {
|
|
min-width: 0;
|
|
}
|
|
|
|
@media (max-width: 48rem) {
|
|
.sg-page-layout-public__content-mirror {
|
|
width: min(calc(100% - (var(--spacing-small) * 2)), 1100px);
|
|
}
|
|
|
|
.sg-page-layout-public-2-column__columns {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.sg-page-layout-public__footer-card {
|
|
margin-top: auto;
|
|
}
|