- Verschifft
- 5. September 2026 um 18:05 UTC
- Autor
- Kamo
- Ausschuss
- 4a6ad5b
Jede Route gibt jetzt innerhalb von .kamo-Panele: eine Karte inset 15px vom Browser Kante mit einem 14px Radius, einem weichen Schatten und Überlauf:versteckt, so eine Seite eigene Der Inhalt wird auf das abgerundete Rechteck geclippt. Die Scheibe trägt auch eine übersetzenZ(0), das macht es zum enthaltenen Block für "Position: fix" Nachkommen - ohne sie die Powered-by-Pille und die Capcha-Hintergrund Anker zu die Ansicht und entgehen Sie dem Clip ganz, was genau der Fall ist die Das Clipping wurde verlangt. Das "Welcome Back!"-Band ist drei Schichten um diese Scheibe herum, die in .kamo-shell: die dunkleren Schwänze dahinter, die Pane, dann das rote Band davor. Die Band wird 45 Grad im Uhrzeigersinn über die obere rechte Ecke diagonal gedreht und Abgeklemmt von einer Box verankert 8px außerhalb dieser Ecke, so dass es über die Oberseite und Rechtskanten um genau 8px, bündig mit dem Abstand geschnitten. Der Flush Cut ist keine Abkürzung, er ist der einzige Weg, um 8px zu treffen. Eine Band mit quadratische Enden senkrecht zu sich selbst kann eine Kante nicht überhängen durch weniger als seine eigene Dicke über Wurzel zwei - 24px bei einem lesbaren 34px-Band, weit mehr als ein 15px Lücke hat Platz für. Schneiden der Enden parallel zu den Kanten, die sie überqueren entkoppelt den Überhang von der Dicke des Bandes und gibt beiden Kanten die gleichen 8px. Die Schwänze starten die Breite eines Bandes aus der Ecke, so dass ihre nahen Enden beenden darunter, laufen entlang jeder Kante durch den Spalt, und werden dann von verschluckt die Scheibe. Nur --Rippen-über der Dicke jedes Schwanzes klärt die Scheibe, so die Schwalbenschwanzkerbe ist in diesem Streifen geschnitten; etwas Tieferes zeigt nie. Jede Dimension ist eine individuelle Eigenschaft auf :root, und die gesamte Montagewaagen unten unter 640px. Jede Route maß sich zum Aussichtshafen und überfließte so die neue Scheibe von 30px. Jede Wurzel füllt nun die Pane statt 100% anstelle von --app-dvh, 100dvh, 100vh und min-h-screen - und die Safe-Bereich-Polsterung bewegt sich auf die Bühne, die ist, wo der Einsetzen jetzt angewendet wird. Die Etappe fällt zurück auf 100dvh für die Routen die VisualViewport nicht in --app-dvh selbst messen. Veredelt in einem Browser bei 1440x900 und 390x844: das Schein misst 15px von jedem Rand, die Clip-Box sitzt 8px außerhalb der Ecke, beide Schwänze landen, wo die Geometrie sagt voraus, und die Powered-by-Pille ist 16px in der Pane enthalten eher als den Aussichtshafen.