diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html index c3359f3..9abeeeb 100644 --- a/semantic-tokens-patterns.html +++ b/semantic-tokens-patterns.html @@ -23,7 +23,8 @@ text-public-page-pattern-text-picturecolor-font-lightTextfarbe des Patterns Pattern: text and picture right. layout-public-page-pattern-call-to-action-box-widthcalc(var(--dimension-public-content-width) * 0.5)Breite der dunklen Public Call to Action Box im Public-Page-Pattern-Kontext. surface-public-page-pattern-call-to-action-box-lightcolor-light-greyHintergrundfläche der Variante Pattern: Public Call to Action Box light. - text-public-page-pattern-call-to-action-full-width-titlecolor-font-lightTextfarbe des signalgelben Titelsegments im Pattern call to action full witdh. + surface-public-page-pattern-call-to-action-full-width-titlesurface-portal-headerHintergrundfläche des blauen Titelsegments im Pattern call to action full witdh. + text-public-page-pattern-call-to-action-full-width-titlecolor-font-lightWeiße Textfarbe der Titel- und Meldungssegmente im Pattern call to action full witdh. diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css index e99bd88..364a89f 100644 --- a/styles/45-patterns-public-page-patterns.css +++ b/styles/45-patterns-public-page-patterns.css @@ -30,6 +30,7 @@ } .sg-public-page-pattern-call-to-action-box--full-width { + --surface-public-page-pattern-call-to-action-full-width-title: var(--surface-portal-header); --text-public-page-pattern-call-to-action-full-width-title: var(--color-font-light); width: 100%; } @@ -39,6 +40,12 @@ color: var(--text-public-page-pattern-call-to-action-full-width-title); } +.sg-public-page-pattern-call-to-action-box--full-width +> .sg-card-segment--darkblue { + background: var(--surface-public-page-pattern-call-to-action-full-width-title); + color: var(--text-public-page-pattern-call-to-action-full-width-title); +} + .sg-public-page-pattern-call-to-action-box__action { display: flex; }