diff --git a/semantic-tokens-layouts.html b/semantic-tokens-layouts.html index c270be1..6321e83 100644 --- a/semantic-tokens-layouts.html +++ b/semantic-tokens-layouts.html @@ -30,6 +30,7 @@ layout-object-card-shared-widthautoGeteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen. layout-content-cards-group-gapspacing-smallAbstand zwischen Inhaltsblock-Karten innerhalb der Gruppe. layout-card-list-drawer-widthdimension-card-list-drawer-widthBreite des ausziehbaren Card-Listenbereichs relativ zum Container. + layout-public-content-element-width60%Standardbreite eines rechtsbündigen Public-Content-Elements innerhalb einer Wrapper-Card.

Valuestockfinder Layouts

diff --git a/styles/01-foundations.css b/styles/01-foundations.css index 868669e..af4432e 100644 --- a/styles/01-foundations.css +++ b/styles/01-foundations.css @@ -199,6 +199,7 @@ --text-content-block-card-content: var(--color-font-dark); --text-card-list-drawer: var(--color-font-dark); --layout-card-list-drawer-width: var(--dimension-card-list-drawer-width); + --layout-public-content-element-width: 60%; --surface-vsf-drawer-object-card-header: var(--color-darkblue); --surface-vsf-drawer-object-card-body: var(--color-darkblue); --text-vsf-drawer-object-card-heading: var(--color-font-light); diff --git a/styles/40-components-cards.css b/styles/40-components-cards.css index 3575691..ab2b55e 100644 --- a/styles/40-components-cards.css +++ b/styles/40-components-cards.css @@ -254,7 +254,7 @@ } .sg-page-cards-public-page .sg-cards-public-page__cta-right-card { - width: 60%; + width: var(--layout-public-content-element-width); max-width: none; margin-inline-start: auto; }