Página CSS x de y para @media print
Eu prefácio essa pergunta dizendo que sei que essa pergunta já foi feita antes, mas todas as respostas que encontro podem fazer referência a uma solução obsoleta que não funciona mais (pelo menos no Firefox 56 [64 bits])
O método obsoleto é que costumava haver um contador CSS instanciado automaticamente chamadopages
, portanto, um pouco de CSS gerado a partir deste SASS:
footer {
position: fixed;
bottom: 0;
left: 20px;
&:after {
counter-increment: page;
content: "Page " counter(page) " of " counter(pages);
}
}
Costumava fazer o que eu queria. Agora ele exibe "Página [x] de 0".
Eu tentei usar esse pouco de CSS para recriar meu próprio contador de páginas máximas:
@page {
counter-increment: maxpage;
}
No entanto, isso também retorna 0 quando usado no meu rodapé.
Existe algum meio razoavelmente compatível com vários navegadores para obter essa funcionalidade?