diff --git a/docs/styleguide/semantic-tokens-components.html b/docs/styleguide/semantic-tokens-components.html index 4e184e5..6ded954 100644 --- a/docs/styleguide/semantic-tokens-components.html +++ b/docs/styleguide/semantic-tokens-components.html @@ -113,7 +113,7 @@ surface-call-to-action-cardsurface-card-groupFläche der Call-to-action-Card als dunkle Content-Card-Variante. text-call-to-action-cardcolor-font-lightTextfarbe in der Call-to-action-Card. - layout-call-to-action-card-widthdimension-public-content-widthBreite der Card im Page-Layout. + layout-call-to-action-card-widthcalc(var(--dimension-public-content-width) * 0.7)Breite der Card im Page-Layout. layout-call-to-action-card-content-columnsminmax(0, 1fr) max-contentZweispaltiges Layout mit flexibler Textspalte und Buttonspalte in Buttonbreite. layout-call-to-action-card-content-gapspacing-largeAbstand zwischen Text und Button. diff --git a/docs/styleguide/styles/44-components-public-page-components.css b/docs/styleguide/styles/44-components-public-page-components.css index ddd7ec4..6fc97d5 100644 --- a/docs/styleguide/styles/44-components-public-page-components.css +++ b/docs/styleguide/styles/44-components-public-page-components.css @@ -41,7 +41,7 @@ .sg-card--call-to-action-card { --surface-call-to-action-card: var(--surface-card-group); --text-call-to-action-card: var(--color-font-light); - --layout-call-to-action-card-width: var(--dimension-public-content-width); + --layout-call-to-action-card-width: calc(var(--dimension-public-content-width) * 0.7); --layout-call-to-action-card-content-columns: minmax(0, 1fr) max-content; --layout-call-to-action-card-content-gap: var(--spacing-large); width: var(--layout-call-to-action-card-width); diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index 0be99eb..fc9250d 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -4583,7 +4583,7 @@ main { .sg-card--call-to-action-card { --surface-call-to-action-card: var(--surface-card-group); --text-call-to-action-card: var(--color-font-light); - --layout-call-to-action-card-width: var(--dimension-public-content-width); + --layout-call-to-action-card-width: calc(var(--dimension-public-content-width) * 0.7); --layout-call-to-action-card-content-columns: minmax(0, 1fr) max-content; --layout-call-to-action-card-content-gap: var(--spacing-large); width: var(--layout-call-to-action-card-width); diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index fe1ad1e..1a88448 100644 --- a/public/assets/styleguide.upstream.meta.json +++ b/public/assets/styleguide.upstream.meta.json @@ -1,7 +1,7 @@ { "styleguideVersion": "2026.05.18.1", - "styleguideCommit": "688307d", - "syncedAtUtc": "2026-06-24T12:30:24Z", + "styleguideCommit": "6794dca", + "syncedAtUtc": "2026-06-24T12:36:59Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index 0be99eb..fc9250d 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -4583,7 +4583,7 @@ main { .sg-card--call-to-action-card { --surface-call-to-action-card: var(--surface-card-group); --text-call-to-action-card: var(--color-font-light); - --layout-call-to-action-card-width: var(--dimension-public-content-width); + --layout-call-to-action-card-width: calc(var(--dimension-public-content-width) * 0.7); --layout-call-to-action-card-content-columns: minmax(0, 1fr) max-content; --layout-call-to-action-card-content-gap: var(--spacing-large); width: var(--layout-call-to-action-card-width);