Czy tak wygląda dzisiejsza wojna? | Mohamad Bazzi

Czy tak wygląda dzisiejsza wojna? | Mohamad Bazzi

Dla systemów iOS i Android, zawartość artykułu nie ma już przewijalnego przepełnienia, a poziome przepełnienie jest przycięte. Na Androidzie, pasek postępu jest umieszczony 58 pikseli od góry.

Pasek postępu (klasa `svelte-6atxfw`) przylega do górnej krawędzi strony, zaczynając 1 piksel poniżej góry. Rozciąga się na pełną szerokość okna widoku, z marginesami -24 pikseli u góry i na dole oraz -10 pikseli po bokach, a także dolnym marginesem 14 pikseli. Początkowo jest niewidoczny (przezroczystość 0) i pojawia się w ciągu 0,5 sekundy. Jego indeks Z wynosi 25.

Przy szerokości ekranu 30 em i więcej, boczne marginesy zmieniają się na -21 pikseli. Przy 41,25 em, szerokość paska wynosi 620 pikseli. Przy 46,25 em, wynosi 740 pikseli. Przy 61,25 em, wynosi 980 pikseli. Przy 71,25 em, wynosi 1140 pikseli, a lewy margines zmienia się na -180 pikseli. Przy 81,25 em, wynosi 1300 pikseli, z lewym marginesem -260 pikseli.

Sam pasek postępu (klasa `svelte-6atxfw`) ma wysokość 6 pikseli, zaczyna od szerokości 0 i używa głównego koloru filaru jako tła. Gdy pasek ma klasę `active`, staje się w pełni widoczny.

Zdefiniowano następujące kroje czcionek dla "Guardian Headline Full" o różnych wagach i stylach, wszystkie pochodzące z serwera zasobów Guardiana:

- Light (300), styl normalny
- Light Italic (300), styl kursywy
- Regular (400), styl normalny
- Regular Italic (400), styl kursywy
- Medium (500), styl normalny
- Medium Italic (500), styl kursywy