vanilla-extract-css/vanilla-extract

Support @page (print media styles in general)

Open

#1.279 geöffnet am 22. Jan. 2024

Auf GitHub ansehen
 (4 Kommentare) (4 Reaktionen) (1 zugewiesene Person)TypeScript (8.658 Stars) (231 Forks)batch import
enhancementgood first issuehelp wanted

Beschreibung

looking at how I can write this with vanilla-extract? thoughts?


.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);
    }
  }
}

Originally posted by @airtonix in https://github.com/vanilla-extract-css/vanilla-extract/discussions/1275

Contributor Guide

Tech Stack
typescriptcss
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
blocked
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
CSS print media knowledgevanilla extract internals
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
40
Research-Richtung
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.