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

Make public page text and picture pattern text white

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 15:23:00 +02:00
parent 7ea580ddb4
commit 5d38204c16
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
semantic-tokens-patterns.html
+1
View File
@@ -20,6 +20,7 @@
<tr><td>layout-public-page-pattern-content-width</td><td>dimension-public-content-width</td><td>Gemeinsame Breite für Inhalte im Public-Page-Pattern-Kontext.</td></tr> <tr><td>layout-public-page-pattern-content-width</td><td>dimension-public-content-width</td><td>Gemeinsame Breite für Inhalte im Public-Page-Pattern-Kontext.</td></tr>
<tr><td>layout-public-page-pattern-text-picture-columns</td><td>repeat(2, minmax(0, 1fr))</td><td>Spaltenraster des Patterns <code>Pattern: text and picture right</code> mit zwei gleich breiten Spalten.</td></tr> <tr><td>layout-public-page-pattern-text-picture-columns</td><td>repeat(2, minmax(0, 1fr))</td><td>Spaltenraster des Patterns <code>Pattern: text and picture right</code> mit zwei gleich breiten Spalten.</td></tr>
<tr><td>layout-public-page-pattern-text-picture-gap</td><td>spacing-large</td><td>Spaltenabstand zwischen Text und Bild im Pattern <code>Pattern: text and picture right</code>.</td></tr> <tr><td>layout-public-page-pattern-text-picture-gap</td><td>spacing-large</td><td>Spaltenabstand zwischen Text und Bild im Pattern <code>Pattern: text and picture right</code>.</td></tr>
<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>
</tbody> </tbody>
</table> </table>
styles/45-patterns-public-page-patterns.css
+3
View File
@@ -11,6 +11,7 @@
.sg-public-page-pattern-text-and-picture-right { .sg-public-page-pattern-text-and-picture-right {
--layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr)); --layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr));
--layout-public-page-pattern-text-picture-gap: var(--spacing-large); --layout-public-page-pattern-text-picture-gap: var(--spacing-large);
--text-public-page-pattern-text-picture: var(--color-font-light);
display: grid; display: grid;
width: 100%; width: 100%;
min-width: 0; min-width: 0;
@@ -18,6 +19,7 @@
grid-template-areas: "text picture"; grid-template-areas: "text picture";
gap: var(--layout-public-page-pattern-text-picture-gap); gap: var(--layout-public-page-pattern-text-picture-gap);
align-items: start; align-items: start;
color: var(--text-public-page-pattern-text-picture);
} }
.sg-public-page-pattern-text-and-picture-right__text { .sg-public-page-pattern-text-and-picture-right__text {
@@ -32,6 +34,7 @@
.sg-public-page-pattern-text-and-picture-right__text .sg-body { .sg-public-page-pattern-text-and-picture-right__text .sg-body {
margin: 0; margin: 0;
color: var(--text-public-page-pattern-text-picture);
} }
@media (max-width: 48rem) { @media (max-width: 48rem) {