gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add public page layout two-column variant

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 19:50:03 +02:00
parent 2b42e301f0
commit 595cd6ec4e
5 changed files with 117 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/01-foundations.css
+2
View File
@@ -195,6 +195,8 @@
--surface-content-block-card-content: var(--color-white);
--radius-picture-full-width: var(--radius-card);
--layout-content-cards-group-gap: var(--spacing-small);
--layout-page-layout-public-2-column-columns: repeat(2, minmax(0, 1fr));
--layout-page-layout-public-2-column-gap: var(--spacing-large);
--surface-card-list-drawer: var(--color-background-purple);
--text-content-block-card-title: var(--color-font-dark);
--text-content-block-card-content: var(--color-font-dark);
styles/37-layouts-page-layout-public.css
+15
View File
@@ -28,12 +28,27 @@ main {
flex: 1;
}
.sg-page-layout-public-2-column__content-mirror {
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;
}
@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__content-mirror {
grid-template-columns: 1fr;
}
}
.sg-page-layout-public__footer-card {
margin-top: auto;
}
.sg-page-layout-public-2-column__footer-card {
margin-top: 0;
}