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

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-25 09:20:58 +02:00
parent 67674e1ae1
commit 9c8c28c5b1
11 changed files with 280 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/styleguide.upstream.css
+51
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);
@@ -3453,10 +3455,26 @@ main {
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 {
@@ -4680,6 +4698,16 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth {
--text-public-page-pattern-text-picture: var(--color-font-light);
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
gap: var(--spacing-large);
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left {
--layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr));
--layout-public-page-pattern-text-picture-gap: var(--spacing-large);
@@ -4702,6 +4730,11 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-heading-h2 {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left > .sg-heading-h2 {
grid-area: heading;
margin: 0;
@@ -4713,6 +4746,15 @@ main {
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-fullwidth__text {
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-picture-full-width {
width: 60%;
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-left__text {
grid-area: text;
min-width: 0;
@@ -4733,6 +4775,11 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth__text .sg-body {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left__text .sg-body {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
@@ -4754,5 +4801,9 @@ main {
"picture"
"text";
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-picture-full-width {
width: 100%;
}
}
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "04565a9",
"syncedAtUtc": "2026-06-24T15:12:19Z",
"styleguideCommit": "1953578",
"syncedAtUtc": "2026-06-25T07:20:58Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
public/assets/styles.css
+51
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);
@@ -3453,10 +3455,26 @@ main {
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 {
@@ -4680,6 +4698,16 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth {
--text-public-page-pattern-text-picture: var(--color-font-light);
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
gap: var(--spacing-large);
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left {
--layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr));
--layout-public-page-pattern-text-picture-gap: var(--spacing-large);
@@ -4702,6 +4730,11 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-heading-h2 {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left > .sg-heading-h2 {
grid-area: heading;
margin: 0;
@@ -4713,6 +4746,15 @@ main {
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-fullwidth__text {
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-picture-full-width {
width: 60%;
min-width: 0;
}
.sg-public-page-pattern-text-and-picture-left__text {
grid-area: text;
min-width: 0;
@@ -4733,6 +4775,11 @@ main {
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-fullwidth__text .sg-body {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
}
.sg-public-page-pattern-text-and-picture-left__text .sg-body {
margin: 0;
color: var(--text-public-page-pattern-text-picture);
@@ -4754,5 +4801,9 @@ main {
"picture"
"text";
}
.sg-public-page-pattern-text-and-picture-fullwidth > .sg-picture-full-width {
width: 100%;
}
}