Add public content width foundation token

This commit is contained in:
2026-06-24 09:38:55 +02:00
parent 44e9a5b40f
commit 6c5e555e86
4 changed files with 5 additions and 2 deletions
+1
View File
@@ -157,6 +157,7 @@
<tr><td>object-card-height</td><td>600px</td><td>Fixe Höhe der Object Card im Desktop-Layout (u. a. für Company Card).</td></tr>
<tr><td>content-card-margin-top-desktop</td><td>100px</td><td>Oberer Außenabstand der Content Card auf Desktop.</td></tr>
<tr><td>content-card-margin-top-mobile</td><td>1rem</td><td>Oberer Außenabstand der Content Card auf Mobile; entspricht spacing-large.</td></tr>
<tr><td>public-content-width</td><td>60vw</td><td>Standardbreite für wiederverwendbare Public-Content-Wrapper innerhalb der durch das jeweilige Page-Layout begrenzten Breite.</td></tr>
<tr><td>object-group-card-min-width</td><td>450px</td><td>Mindestbreite der Group Card im Pattern Object Group Card.</td></tr>
<tr><td>object-group-card-max-width</td><td>650px</td><td>Maximale Breite der Group Card im Pattern Object Group Card.</td></tr>
<tr><td>object-group-card-height</td><td>700px</td><td>Fixe Desktop-Höhe der Group Card im Pattern Object Group Card.</td></tr>
+1 -1
View File
@@ -104,7 +104,7 @@
<tbody>
<tr><td>surface-text-block</td><td>color-transparent</td><td>Transparente Fläche des Textblocks.</td></tr>
<tr><td>text-text-block</td><td>color-font-light</td><td>Standard-Textfarbe des Textblocks.</td></tr>
<tr><td>layout-text-block-width</td><td>60vw</td><td>Breite des Textblocks im Viewport.</td></tr>
<tr><td>layout-text-block-width</td><td>dimension-public-content-width</td><td>Breite des Textblocks im Viewport.</td></tr>
</tbody>
</table>
</section>
+1
View File
@@ -284,6 +284,7 @@
--dimension-input-field-desktop-width: 400px;
--dimension-input-field-max-width: 600px;
--dimension-search-field-width: 15.3rem;
--dimension-public-content-width: 60vw;
--dimension-layer-pulldown-panel: 40;
--dimension-multiselect-pulldown-panel-desktop-width: 500px;
--dimension-options-row-mode-toggle-width: 7rem;
@@ -24,7 +24,8 @@
.sg-text-block {
--surface-text-block: var(--color-transparent);
--text-text-block: var(--color-font-light);
width: 60vw;
--layout-text-block-width: var(--dimension-public-content-width);
width: var(--layout-text-block-width);
box-sizing: border-box;
background: var(--surface-text-block);
color: var(--text-text-block);