Sync styleguide 2026.05.18.1
This commit is contained in:
1 parent
a6007b5853
commit
8b163c5734
12 files changed
+265
-91
No files matched your search
@@ -145,7 +145,6 @@
|
||||
--layout-preview-align-items: flex-start;
|
||||
|
||||
/* Semantic pattern tokens: Portal header */
|
||||
--surface-portal-background: var(--color-background-purple);
|
||||
--surface-portal-header: var(--color-darkblue);
|
||||
--surface-portal-header-tab: var(--color-midblue);
|
||||
--surface-portal-header-tab-active: var(--color-light-grey);
|
||||
@@ -311,7 +310,6 @@
|
||||
--dimension-input-label-width: 9rem;
|
||||
--dimension-input-field-desktop-width: 400px;
|
||||
--dimension-input-field-max-width: 600px;
|
||||
--dimension-email-body-max-width: 600px;
|
||||
--dimension-search-field-width: 15.3rem;
|
||||
--dimension-public-content-width: 100%;
|
||||
--dimension-layer-pulldown-panel: 40;
|
||||
@@ -359,7 +357,7 @@ body {
|
||||
font-weight: var(--font-weight-regular);
|
||||
line-height: var(--line-height-base);
|
||||
color: var(--color-font-dark);
|
||||
background: var(--surface-portal-background);
|
||||
background: var(--color-background-purple);
|
||||
margin: 0;
|
||||
padding: var(--spacing-small);
|
||||
}
|
||||
@@ -2381,6 +2379,52 @@ section + section {
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================================================= */
|
||||
/* Pattern: History Graph */
|
||||
/* ========================================================= */
|
||||
|
||||
.sg-history-graph {
|
||||
--layout-history-graph-connector-width: var(--score-marker-width);
|
||||
--surface-history-graph-connector: var(--chart-marker-line);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sg-history-graph__events {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-large);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.sg-history-graph__event {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sg-history-graph__event:not(:last-child)::after {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
width: var(--layout-history-graph-connector-width);
|
||||
height: var(--spacing-large);
|
||||
background: var(--surface-history-graph-connector);
|
||||
content: "";
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.sg-history-graph__card {
|
||||
width: 100%;
|
||||
max-width: var(--layout-object-card-min-width);
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.sg-history-graph__navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ========================================================= */
|
||||
/* Patterns: Portal Header */
|
||||
/* ========================================================= */
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"styleguideVersion": "2026.05.18.1",
|
||||
"styleguideCommit": "8824dc6",
|
||||
"syncedAtUtc": "2026-09-21T15:27:45Z",
|
||||
"styleguideCommit": "4e4474e",
|
||||
"syncedAtUtc": "2026-09-22T07:55:02Z",
|
||||
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
||||
"mirroredDocsPath": "docs/styleguide"
|
||||
}
|
||||
@@ -145,7 +145,6 @@
|
||||
--layout-preview-align-items: flex-start;
|
||||
|
||||
/* Semantic pattern tokens: Portal header */
|
||||
--surface-portal-background: var(--color-background-purple);
|
||||
--surface-portal-header: var(--color-darkblue);
|
||||
--surface-portal-header-tab: var(--color-midblue);
|
||||
--surface-portal-header-tab-active: var(--color-light-grey);
|
||||
@@ -311,7 +310,6 @@
|
||||
--dimension-input-label-width: 9rem;
|
||||
--dimension-input-field-desktop-width: 400px;
|
||||
--dimension-input-field-max-width: 600px;
|
||||
--dimension-email-body-max-width: 600px;
|
||||
--dimension-search-field-width: 15.3rem;
|
||||
--dimension-public-content-width: 100%;
|
||||
--dimension-layer-pulldown-panel: 40;
|
||||
@@ -359,7 +357,7 @@ body {
|
||||
font-weight: var(--font-weight-regular);
|
||||
line-height: var(--line-height-base);
|
||||
color: var(--color-font-dark);
|
||||
background: var(--surface-portal-background);
|
||||
background: var(--color-background-purple);
|
||||
margin: 0;
|
||||
padding: var(--spacing-small);
|
||||
}
|
||||
@@ -2381,6 +2379,52 @@ section + section {
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================================================= */
|
||||
/* Pattern: History Graph */
|
||||
/* ========================================================= */
|
||||
|
||||
.sg-history-graph {
|
||||
--layout-history-graph-connector-width: var(--score-marker-width);
|
||||
--surface-history-graph-connector: var(--chart-marker-line);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sg-history-graph__events {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-large);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.sg-history-graph__event {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sg-history-graph__event:not(:last-child)::after {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
width: var(--layout-history-graph-connector-width);
|
||||
height: var(--spacing-large);
|
||||
background: var(--surface-history-graph-connector);
|
||||
content: "";
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.sg-history-graph__card {
|
||||
width: 100%;
|
||||
max-width: var(--layout-object-card-min-width);
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.sg-history-graph__navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ========================================================= */
|
||||
/* Patterns: Portal Header */
|
||||
/* ========================================================= */
|
||||
|
||||
Reference in new issue
Block a user