vanilla-extract-css/vanilla-extract

Support @page (print media styles in general)

Aberta

#1.279 aberto em 22 de jan. de 2024

Ver no GitHubGuia do colaborador
 (4 comentários) (4 reações) (1 responsável)TypeScript (231 forks)batch import
enhancementgood first issuehelp wanted

Métricas do repositório

Stars
 (8.658 estrelas)
Métricas de merge de PR
 (Mesclagem média 9d 22h) (13 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue como o vanilla extract processa as regras CSS at rule, especificamente @page. Adicione suporte no parser CSS e na geração de código para gerar estilos corretos para mídia de impressão.
Pilha de tecnologia
typescriptcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65