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

Métriques du dépôt

Stars
 (8 658 stars)
Métriques de merge PR
 (Merge moyen 9j 22h) (13 PRs mergées en 30 j)

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

Direction de recherche
Étudiez comment vanilla extract traite les règles CSS at rule, en particulier @page. Ajoutez la prise en charge dans l'analyseur CSS et la génération de code pour générer des styles corrects pour les médias d'impression.
Stack technique
typescriptcss
Domaine
frontend
Type d'issue
Fonctionnalité
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.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65