diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html index 7685d54..c3359f3 100644 --- a/semantic-tokens-patterns.html +++ b/semantic-tokens-patterns.html @@ -23,6 +23,7 @@ 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. diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css index 399a9b5..e99bd88 100644 --- a/styles/45-patterns-public-page-patterns.css +++ b/styles/45-patterns-public-page-patterns.css @@ -30,9 +30,15 @@ } .sg-public-page-pattern-call-to-action-box--full-width { + --text-public-page-pattern-call-to-action-full-width-title: var(--color-font-light); width: 100%; } +.sg-public-page-pattern-call-to-action-box--full-width +> .sg-card-segment--signal-yellow { + color: var(--text-public-page-pattern-call-to-action-full-width-title); +} + .sg-public-page-pattern-call-to-action-box__action { display: flex; }