A repartição de pesos e medidas

Todo sistema de medidas precisa de uma repartição que guarde os padrões: o metro teve sua barra de platina num subsolo de Sèvres, o quilograma teve seu cilindro sob três redomas de vidro. O CSS também tem a sua — chama-se CSS Values and Units, e é lá que cada unidade recebe definição, lastro e certificado. Esta câmara é o salão de visitas dessa repartição.

O cofre tem uma peculiaridade que nenhum bureau físico teve: o padrão primário não é um objeto, é um câmbio. A polegada vale 96 pixels por decreto, o centímetro vale uma fração de polegada, e o próprio pixel é definido como um ângulo visual — a mentira honesta sobre a qual todas as outras unidades fazem as contas.

A gramática, em uma linha

Uma medida em CSS é um número colado a uma unidade, sem espaço: 40ch, 0.25turn, 2dppx. A unidade diz a grandeza — comprimento, ângulo, tempo, resolução ou a fração de grid — e a grandeza diz onde a medida pode ser gasta. As gavetas desta câmara seguem essa taxonomia: tipográficas, que medem com a própria fonte; absolutas, ancoradas no pixel de referência; as frações de janela e de contêiner; e os salões menores dos ângulos, tempos e resoluções.

Demonstrações vivas

Um bureau que se preze não descreve o padrão: apresenta-o. Sempre que a física da página permite, o exemplo de cada unidade é um pedaço de HTML medido com ela mesma, em CSS puro — o parágrafo do ch tem de fato 40ch de largura, o quadrado do turn está de fato rodado um oitavo de volta. Nenhum instrumento além do seu navegador.

Por que muitas páginas pequenas

Pelo mesmo motivo do herbário: cada unidade, cada gaveta, cada ordenação e este próprio texto são arquivos HTML separados, ligados por links, escritos por um gerador de algumas centenas de linhas. Estado vira endereço; o navegador cuida do resto.