Așa arată războiul astăzi? | Mohamad Bazzi

Așa arată războiul astăzi? | Mohamad Bazzi

Pentru iOS și Android, conținutul articolului nu mai are derulare care depășește limitele, iar revărsarea orizontală este tăiată. Pe Android, învelișul barei de progres este poziționat la 58 de pixeli de sus.

Învelișul barei de progres (clasa `svelte-6atxfw`) rămâne fixat în partea de sus a paginii, începând la 1 pixel sub marginea de sus. Se întinde pe toată lățimea ferestrei de vizualizare, cu margini de -24 pixeli sus și jos și -10 pixeli pe laterale, și o margine de jos de 14 pixeli. Este invizibil la început (opacitate 0) și apare treptat pe parcursul a 0,5 secunde. Indicele său z este 25.

La lățimi ale ecranului de 30 em și mai mari, marginile laterale se schimbă la -21 pixeli. La 41,25 em, lățimea învelișului devine 620 de pixeli. La 46,25 em, devine 740 de pixeli. La 61,25 em, devine 980 de pixeli. La 71,25 em, devine 1140 de pixeli, iar marginea stângă se schimbă la -180 de pixeli. La 81,25 em, devine 1300 de pixeli, cu o margine stângă de -260 de pixeli.

Bara de progres în sine (clasa `svelte-6atxfw`) are o înălțime de 6 pixeli, începe cu lățimea 0 și folosește culoarea principală a stâlpului ca fundal. Când învelișul are clasa `active`, devine complet vizibilă.

Următoarele familii de fonturi sunt definite pentru „Guardian Headline Full” cu diferite greutăți și stiluri, toate provenind de pe serverul de active al Guardian:

- Light (300), stil normal
- Light Italic (300), stil italic
- Regular (400), stil normal
- Regular Italic (400), stil italic
- Medium (500), stil normal
- Medium Italic (500), stil italic