Grundlinienausrichtung verschiedener Schriftgrößen

[Gunnar Bittersmann]

@@Matthias Apsel

Im Sinne besserer Wartbarkeit (Änderungen an so wenigen Stellen wie möglich) würde ich die Styles für die erste Überschrift und das Pseudoelement zusammenfassen.

Guter Punkt.

Ich hatte für DRY leichtfertig an custom properties (CSS-Variablen) oder Präprozessor gedacht, aber so geht’s natürlich auch. Besser.

Ich hab das leicht abgewandelt und in beide Richtungen gemacht. Dann kann man auch die Schriftgrößen ändern und die vormals größere Überschrift zur kleineren machen, ohne dass man dazu noch was anderes ändern müsste.

section:first-child h2,
section:last-child h2::before
{
	font-size: 1.8rem;
}

section:last-child h2,
section:first-child h2::before
{
	font-size: 2.4rem;
}

h2::before
{
	content: "";
}

Kuckst du.

LLAP 🖖