Gunnar Bittersmann: Fragen zum Hamburger Button

Beitrag lesen

@@Gunnar Bittersmann

Die Variante hätte ich auch schon vor einer Woche anbieten können. Da sie aber keine Lösung für das Problem „egal wo sich [der Button] befindet“ ist, hatte ich das nicht getan.

Jetzt habe ich aber doch noch eine Lösung gefunden: ☞ Codepen 1

Oder von der anderen Seite: ☞ Codepen 2

Nachtrag: Meine Versuche, auf transition zu verzichten und die halbe Breite stattdessen mit in die Berechnung von clamp() zu ziehen, schlugen fehl. ☞ Codepen 1a

Heute bin ich in MDN auf Zentrierung auf dem Anker mit anchor-center gestoßen. Damit geht’s dann – also weder transition noch clamp(), sondern einfach justify-self: anchor-center.

☞ Codepen 3

🖖 Live long and prosper

--
In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis

— Bruce Springsteen, Streets of Minneapolis