TÀssÀ on kÀÀnnös suomeksi ilman lisÀyksiÀ, muutoksia tai vaihtoehtoisia ehdotuksia:
iOS:llÀ ja Androidilla artikkelin sisÀllössÀ ei ole enÀÀ vieritettÀvÀÀ ylivuotoa, ja vaakasuuntainen ylivuoto on leikattu. Androidilla edistymispalkin kÀÀre on sijoitettu 58px ylÀreunasta.
Edistymispalkin kÀÀre (luokka `svelte-6atxfw`) on kiinnitetty sivun ylÀreunaan, alkaen 1px ylÀreunan alapuolelta. Se ulottuu koko nÀkymÀn leveydelle, marginaaleilla -24px ylÀ- ja alareunassa ja -10px sivuilla, sekÀ 14px alareunan marginaalilla. Se on aluksi nÀkymÀtön (lÀpinÀkyvyys 0) ja hÀivytetÀÀn nÀkyviin 0,5 sekunnin aikana. Sen z-indeksi on 25.
NÀytön leveydellÀ 30em ja sitÀ suuremmalla sivumarginaalit muuttuvat -21px:ksi. 41,25em leveydellÀ kÀÀreen leveys on 620px. 46,25em leveydellÀ se on 740px. 61,25em leveydellÀ se on 980px. 71,25em leveydellÀ se on 1140px ja vasen marginaali muuttuu -180px:ksi. 81,25em leveydellÀ se on 1300px, vasemmalla marginaalilla -260px.
Itse edistymispalkki (luokka `svelte-6atxfw`) on 6px korkea, alkaa 0 leveydestÀ ja kÀyttÀÀ ensisijaista pilarivÀriÀ taustavÀrinÀÀn. Kun kÀÀreellÀ on `active`-luokka, se tulee tÀysin nÀkyvÀksi.
Seuraavat kirjasintyypit on mÀÀritelty "Guardian Headline Full" -fontille eri painoilla ja tyyleillÀ, kaikki Guardianin omaisuuspalvelimelta:
- Light (300), normaali tyyli
- Light Italic (300), kursiivi tyyli
- Regular (400), normaali tyyli
- Regular Italic (400), kursiivi tyyli
- Medium (500), normaali tyyli
- Medium Italic (500), kursiivi tyyli
