Shin wannan shine yadda yaƙi yake kama a yau? | Mohamad Bazzi

Shin wannan shine yadda yaƙi yake kama a yau? | Mohamad Bazzi

Ga iOS da Android, abun da ke cikin labarin ba ya da damar gungurawa fiye da kima, kuma an datse gungurawar a kwance. A Android, maɗaurin ma'aunin ci gaba (progress bar wrapper) yana a nisan 58px daga sama.

Maɗaurin ma'aunin ci gaba (class `svelte-6atxfw`) yana manne a saman shafin, yana farawa 1px ƙasa da saman. Yana ɗaukar cikakken faɗin filin kallo (viewport), tare da tazara (margins) na -24px a sama da ƙasa da -10px a gefe, da tazarar ƙasa ta 14px. Yana farawa ba a gani (opacity 0) kuma yana bayyana a hankali cikin daƙiƙa 0.5. Matsayinsa na z-index shine 25.

A faɗin allo na 30em da sama, tazarar gefe tana canzawa zuwa -21px. A 41.25em, faɗin maɗaurin ya zama 620px. A 46.25em, ya zama 740px. A 61.25em, ya zama 980px. A 71.25em, ya zama 1140px, kuma tazarar hagu ta canza zuwa -180px. A 81.25em, ya zama 1300px, tare da tazarar hagu ta -260px.

Ma'aunin ci gaba da kansa (class `svelte-6atxfw`) yana da tsayi 6px, yana farawa da faɗi 0, kuma yana amfani da launi na ginshiƙi na farko (primary pillar color) a matsayin bayanansa (background). Lokacin da maɗaurin yana da class `active`, ya zama cikakke a bayyane.

Ana ayyana nau'ikan rubutu (font faces) masu zuwa don "Guardian Headline Full" tare da nauyi (weights) da salo (styles) daban-daban, duk an samo su daga sabar kadarori (asset server) na Guardian:

- Light (300), salo na al'ada (normal style)
- Light Italic (300), salo na rubutun karkace (italic style)
- Regular (400), salo na al'ada
- Regular Italic (400), salo na rubutun karkace
- Medium (500), salo na al'ada
- Medium Italic (500), salo na rubutun karkace