profil.html: Aufzählungslisten in bioHtml sahen unbeabsichtigt fett aus

Ursache: <li> hatte keine eigene Textfarbe und erbte die helle
Standardfarbe, während <p> bewusst gedimmtes --text-muted nutzt — der
Kontrast wirkte wie Fettschrift, obwohl es nur ein Farbunterschied war
(betraf z.B. Bananenstifts "Dabei helfe ich unter anderem bei:"-Liste).
Jetzt gleiche Farbe wie Fließtext, plus echte Aufzählungspunkte (Accent-
Farbe) und sauberer Absatz-Abstand.
This commit is contained in:
2026-08-02 17:28:59 +02:00
parent 88ea8f216c
commit d7300a817d
+14
View File
@@ -56,6 +56,20 @@
} }
.profil-bio-rich h3:first-child { margin-top: 0; } .profil-bio-rich h3:first-child { margin-top: 0; }
.profil-bio-rich strong { color: var(--text); } .profil-bio-rich strong { color: var(--text); }
/* Aufzählungen (z.B. Bananenstifts "Dabei helfe ich unter anderem
bei:"-Liste) wirkten ohne eigene Regeln optisch "fett", weil sie —
anders als <p> — keine gedimmte Textfarbe geerbt hatten und dadurch
heller als der umgebende Fließtext wirkten. Jetzt gleiche Farbe/
Zeilenhöhe wie normaler Text, plus echte Aufzählungspunkte und
sauberer Abstand zum nächsten Absatz. */
.profil-bio-rich ul { margin: 0 0 1.1rem; padding-left: 1.4rem; }
.profil-bio-rich li {
margin-bottom: .5rem;
color: var(--text-muted);
list-style: disc;
}
.profil-bio-rich li:last-child { margin-bottom: 0; }
.profil-bio-rich li::marker { color: var(--accent); }
</style> </style>
</head> </head>
<body class="mit-hintergrund"> <body class="mit-hintergrund">