Support @page (print media styles in general)

説明

.pagedjs_page {
  background: white;
  box-shadow: 10px 12px 30px 0 rgba(0, 0, 0, 0.1);
  margin: 1rem;

  @page {
    size: A4;

    @bottom-right {
      content: counter(page);
    }
  }
}

コントリビューターガイド

技術スタック

typescriptcss

領域

frontend

Issue 種別

feature

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

half day

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

blocked

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

mostly clear

前提条件

CSS print media knowledgevanilla extract internals

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

40

調査方針

Investigate how vanilla extract currently handles at rules like @media, and extend to support @page. Review the discussion in issue #1279 and linked discussion #1275. Look at existing CSS print polyfills for implementation patterns.