이것이 오늘날 전쟁의 모습인가? | 모하마드 바지

iOS 및 Android에서 기사 콘텐츠는 더 이상 스크롤 가능한 오버플로우가 없으며, 가로 오버플로우는 잘립니다. Android에서는 진행 표시줄 래퍼가 상단에서 58px 위치에 배치됩니다.

진행 표시줄 래퍼(클래스 `svelte-6atxfw`)는 페이지 상단에 고정되며, 상단에서 1px 아래에서 시작합니다. 뷰포트 전체 너비에 걸쳐 있으며, 상하 여백은 -24px, 좌우 여백은 -10px, 하단 여백은 14px입니다. 처음에는 보이지 않다가(opacity 0) 0.5초에 걸쳐 서서히 나타납니다. z-index는 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` 클래스가 있으면 완전히 표시됩니다.

다음 글꼴 패밀리는 "Guardian Headline Full"에 대해 다양한 두께와 스타일로 정의되며, 모두 Guardian의 에셋 서버에서 가져옵니다:

- Light (300), 일반 스타일
- Light Italic (300), 이탤릭 스타일
- Regular (400), 일반 스타일
- Regular Italic (400), 이탤릭 스타일
- Medium (500), 일반 스타일
- Medium Italic (500), 이탤릭 스타일