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 (231 Forks)batch import
enhancementgood first issuehelp wanted

Repository-Metriken

Stars
 (8.658 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 9T 22h) (13 gemergte PRs in 30 T)

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

Research-Richtung
Untersuchen Sie, wie vanilla extract CSS At Regeln verarbeitet, insbesondere @page. Fügen Sie Unterstützung im CSS Parser und in der Codegenerierung hinzu, um korrekte Druckmedienstile auszugeben.
Tech Stack
typescriptcss
Domain
frontend
Issue Type
Funktion
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.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65