Ser det här ut som krig idag? | Mohamad Bazzi

Ser det här ut som krig idag? | Mohamad Bazzi

För iOS och Android har artikelns innehåll inte längre rullningsbart överflöde, och horisontellt överflöde beskärs. På Android är förloppsindikatorns omslag placerat 58 px från toppen.

Förloppsindikatorns omslag (klass `svelte-6atxfw`) sitter fast längst upp på sidan, med start 1 px nedanför toppen. Det sträcker sig över hela visningsområdets bredd, med marginaler på -24 px upptill och nedtill och -10 px på sidorna, samt en bottenmarginal på 14 px. Det börjar osynligt (opacitet 0) och tonas in under 0,5 sekunder. Dess z-index är 25.

Vid skärmbredder på 30 em och däröver ändras sidmarginalerna till -21 px. Vid 41,25 em blir omslagets bredd 620 px. Vid 46,25 em blir den 740 px. Vid 61,25 em blir den 980 px. Vid 71,25 em blir den 1140 px, och vänstermarginalen ändras till -180 px. Vid 81,25 em blir den 1300 px, med en vänstermarginal på -260 px.

Själva förloppsindikatorn (klass `svelte-6atxfw`) är 6 px hög, börjar med 0 bredd och använder den primära pelarfärgen som bakgrund. När omslaget har klassen `active` blir det helt synligt.

Följande teckensnitt är definierade för "Guardian Headline Full" med olika vikter och stilar, alla hämtade från Guardians tillgångsserver:

- Ljus (300), normal stil
- Ljus kursiv (300), kursiv stil
- Vanlig (400), normal stil
- Vanlig kursiv (400), kursiv stil
- Medium (500), normal stil
- Medium kursiv (500), kursiv stil