vanilla-extract-css/vanilla-extract

Support @page (print media styles in general)

Open

#1 279 ouverte le 22 janv. 2024

Voir sur GitHub
 (4 commentaires) (4 réactions) (1 assigné)TypeScript (8 658 stars) (231 forks)batch import
enhancementgood first issuehelp wanted

Description

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

Guide contributeur

Stack technique
typescriptcss
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
blocked
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
CSS print media knowledgevanilla extract internals
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
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.