क्या यही है युद्ध का आज का स्वरूप? | मोहम्मद बज़्ज़ी

iOS और Android के लिए, लेख सामग्री में अब स्क्रॉल करने योग्य ओवरफ़्लो नहीं है, और क्षैतिज ओवरफ़्लो क्लिप कर दिया गया है। Android पर, प्रोग्रेस बार रैपर शीर्ष से 58px की दूरी पर स्थित है।

प्रोग्रेस बार रैपर (क्लास `svelte-6atxfw`) पृष्ठ के शीर्ष पर चिपका रहता है, जो शीर्ष से 1px नीचे शुरू होता है। यह व्यूपोर्ट की पूरी चौड़ाई तक फैला होता है, जिसमें ऊपर और नीचे -24px और किनारों पर -10px का मार्जिन होता है, और 14px का निचला मार्जिन होता है। यह अदृश्य (अपारदर्शिता 0) शुरू होता है और 0.5 सेकंड में फीका हो जाता है। इसका z-इंडेक्स 25 है।

30em और उससे अधिक की स्क्रीन चौड़ाई पर, साइड मार्जिन बदलकर -21px हो जाता है। 41.25em पर, रैपर की चौड़ाई 620px हो जाती है। 46.25em पर, यह 740px हो जाती है। 61.25em पर, यह 980px हो जाती है। 71.25em पर, यह 1140px हो जाती है, और बायाँ मार्जिन बदलकर -180px हो जाता है। 81.25em पर, यह 1300px हो जाती है, जिसमें बायाँ मार्जिन -260px होता है।

प्रोग्रेस बार स्वयं (क्लास `svelte-6atxfw`) 6px लंबा है, 0 चौड़ाई से शुरू होता है, और अपनी पृष्ठभूमि के रूप में प्राथमिक पिलर रंग का उपयोग करता है। जब रैपर में `active` क्लास होता है, तो यह पूरी तरह से दिखाई देने लगता है।

"गार्जियन हेडलाइन फुल" के लिए विभिन्न वज़न और शैलियों के साथ निम्नलिखित फ़ॉन्ट फेस परिभाषित किए गए हैं, ये सभी गार्जियन के एसेट सर्वर से प्राप्त होते हैं:

- लाइट (300), सामान्य शैली
- लाइट इटैलिक (300), इटैलिक शैली
- रेगुलर (400), सामान्य शैली
- रेगुलर इटैलिक (400), इटैलिक शैली
- मीडियम (500), सामान्य शैली
- मीडियम इटैलिक (500), इटैलिक शैली