Stylesheets gliedern (war: Die Media-Queries bringen mich zum Heulen...)

[Auge]

Hallo

Würdet ihr die Dark Mode-Media-Queries für jeden Selektor einzeln (bzw. für 2-3 Selektoren) oder für jeden Bereich vornehmen?

Schwierige Frage - ich kann die Performance von vielen Mediaqueries nicht einschätzen. Wenn man genau einen @media-Block hat, muss der Browser das nur einmal abfragen und hat auch nur eine Gruppe Regeln, die er bedingt anwenden muss. Macht man das an zweiunddrölfzig Stellen im Stylesheet, könnte das für die Layout-Engine deutlich aufwändiger sein. Ich habe aber keine Ahnung, ob das ein Problem ist.

Ich vermute, dass das erst dann zu einem offensichtlichen Problem wird, wenn man es mit dem Hin-und-Her-Geschalte stark übertreibt. Ich würde hier – aus dem Bauchgefühl heraus – der Lesbarkeit des Codes mehr argumentatives Gewicht zugestehen.

Tschö, Auge