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:
+14
@@ -56,6 +56,20 @@
|
||||
}
|
||||
.profil-bio-rich h3:first-child { margin-top: 0; }
|
||||
.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>
|
||||
</head>
|
||||
<body class="mit-hintergrund">
|
||||
|
||||
Reference in New Issue
Block a user