gitea_admin/Styleguide
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(patterns): restore blue CTA title segment

Browse Source
This commit is contained in:
gitea_admin committed 2026-08-31 12:54:36 +02:00
1 parent 81de141d27
commit c925736376
2 files changed
+9 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

semantic-tokens-patterns.html
+2 -1
View File
@@ -23,7 +23,8 @@
<tr><td>text-public-page-pattern-text-picture</td><td>color-font-light</td><td>Textfarbe des Patterns <code>Pattern: text and picture right</code>.</td></tr>
<tr><td>layout-public-page-pattern-call-to-action-box-width</td><td>calc(var(--dimension-public-content-width) * 0.5)</td><td>Breite der dunklen Public Call to Action Box im Public-Page-Pattern-Kontext.</td></tr>
<tr><td>surface-public-page-pattern-call-to-action-box-light</td><td>color-light-grey</td><td>Hintergrundfläche der Variante <code>Pattern: Public Call to Action Box light</code>.</td></tr>
<tr><td>text-public-page-pattern-call-to-action-full-width-title</td><td>color-font-light</td><td>Textfarbe des signalgelben Titelsegments im Pattern <code>call to action full witdh</code>.</td></tr>
<tr><td>surface-public-page-pattern-call-to-action-full-width-title</td><td>surface-portal-header</td><td>Hintergrundfläche des blauen Titelsegments im Pattern <code>call to action full witdh</code>.</td></tr>
<tr><td>text-public-page-pattern-call-to-action-full-width-title</td><td>color-font-light</td><td>Weiße Textfarbe der Titel- und Meldungssegmente im Pattern <code>call to action full witdh</code>.</td></tr>
</tbody>
</table>
styles/45-patterns-public-page-patterns.css
+7
View File
@@ -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;
}