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 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">
|
||||||
|
|||||||
Reference in New Issue
Block a user