Tamanhos
Controles com cinco alturas. No celular as alturas crescem, porque o fluxo de quem assina acontece quase sempre no telefone e precisa de alvo de toque confortável. Os espaçamentos usam a escala nativa do Tailwind.
Alturas de controle
Classes h-form-*, min-h-form-* e size-form-*. Os valores abaixo são os de desktop; abaixo de 768px cada um sobe um passo.
form-xs28px
form-sm32px
form-md40px
form-lg48px
form-xl56px
Medidas de documento e layout
max-w-sheet tem 794px, a largura de uma folha A4 a 96 dpi. h-signbar é a barra fixa com o gesto de assinar.
--width-sheet794px
--width-seal320px
--width-page1200px
--width-modal-sm400px
--width-modal-md560px
--width-modal-lg720px
--width-modal-xl1100px
--width-modal-fullmin(1400px, 92vw)
--height-signbar72px
--height-topbar56px