これが今日の戦争の姿なのでしょうか? | モハマド・バジ

これが今日の戦争の姿なのでしょうか? | モハマド・バジ

iOSおよびAndroidでは、記事コンテンツにスクロール可能なオーバーフローがなくなり、水平方向のオーバーフローはクリップされます。Androidでは、プログレスバーのラッパーが上部から58ピクセルの位置に配置されます。

プログレスバーのラッパー(クラス`svelte-6atxfw`)は、ページの上部に固定され、上部から1ピクセル下の位置から始まります。ビューポートの全幅にわたって広がり、上下に-24ピクセル、左右に-10ピクセルのマージンがあり、下部マージンは14ピクセルです。最初は非表示(不透明度0)で、0.5秒かけてフェードインします。z-indexは25です。

画面幅が30em以上の場合、サイドマージンは-21ピクセルに変わります。41.25emでは、ラッパーの幅は620ピクセルになります。46.25emでは740ピクセル、61.25emでは980ピクセル、71.25emでは1140ピクセルになり、左マージンは-180ピクセルに変わります。81.25emでは1300ピクセルになり、左マージンは-260ピクセルになります。

プログレスバー自体(クラス`svelte-6atxfw`)は高さ6ピクセルで、幅は0から始まり、背景色としてプライマリピラーの色を使用します。ラッパーに`active`クラスがある場合、完全に表示されます。

「Guardian Headline Full」には、異なるウェイトとスタイルで以下のフォントフェイスが定義されており、すべてガーディアンのアセットサーバーから提供されています:

- ライト(300)、ノーマルスタイル
- ライトイタリック(300)、イタリックスタイル
- レギュラー(400)、ノーマルスタイル
- レギュラーイタリック(400)、イタリックスタイル
- ミディアム(500)、ノーマルスタイル
- ミディアムイタリック(500)、イタリックスタイル