- App
- WoltLab Suite Core
Ich weiß, Sammelthemen sind nicht gewünscht. Das hier aber in einzelne Tasks aufzuteilen, finde ich wenig sinnvoll. Viel mehr soll es auch als Checkliste dienen und kann vielleicht nach GitHub hin übernommen werden, wenn es irgendwann mal darum geht, ein neues Stilsystem zu entwerfen bzw. das aktuelle zu überarbeiten.
Bei meiner letzten Stilerstellung habe ich einfach mal gesammelt, was nicht optimal ist:
Nicht-Standard-Schriftdicke, die man nicht konfigurieren kann
font-weight: 300 bzw. font-weight: 600 hat nicht jede Schriftart.
Negatives margin für den Inhalt
Beispiel .content > .section
Beispiel Footer-Boxen
Farben des Stileditors teilweise erst ab einem gewissen Breakpoint verwenden
Beispiel pageNavigation, das ist jedes Mal wieder mobil eine unnötige Anpassung.
Mobile Breadcrumbs verbessern
Negatives margin-top verändert die Positionierung von pageNavigation drastisch
Grobe Layout-Bereiche global verfügbar machen
Beispiel .wbbStats etc. => muss sonst von jedem Entwickler mit eigenem Präfix hinzugefügt werden, mehr Aufwand für Stilersteller.
Icons innerhalb von Links mit eigener Farbe
currentColor wäre hier sinnvoll, um die Link-Farbe zu erben.
Überschriften standardmäßig ohne abstufende Höhe
Verwendet man selbst irgendwo im HTML eine Überschrift, muss man diese dann erst selbst anpassen, dass sie eine ordentliche Größe bekommt.
!important vermeiden
Warum, sollte klar sein.
Mobil die Schrift eigenmächtig fix und nicht einstellbar für alle verkleinern
Alles manuell anzupassen ist mühselig.
Lange Verkettungen von Selektoren vermeiden
Beispiel: .containerList > li .buttonGroupNavigation > ul > li > a > .icon
Besser: den Listenelementen und Links eindeutige Klassen geben (bsp. buttonGroupNavigationItem bzw. buttonGroupNavigationLink) und dann damit arbeiten.
Icons innerhalb von Links andere Farben geben
Beispielsweise .menuOverlayItemLinkIcon.active>.icon::before statt .menuOverlayItemLinkIcon.active und sämtlichen Icons ein color: currentColor;.
Falls jemandem noch weitere Dinge auffallen, gerne ergänzen.