/** * icone-avulso.css — sizing de `.icon-lucide` para páginas AVULSAS (com * `` próprio) que usam `icon_html()` mas nunca carregam * `estilo.css` (backlog #592-A). * * Mesmo defeito de produção provado e corrigido no formulário público de * cadastro (backlog #443 PR 2d, `formulario-publico.css`): `icon_html()` * gera `` SEM `width`/`height` próprios — sem * nenhuma folha dando sizing a essa classe, o navegador usa o tamanho * intrínseco default de `` sem esses atributos (~300-700px medido, * dependendo do contexto), um ícone gigante ocupando a seção inteira. * `estilo.css` (sistema logado) e `formulario-publico.css` já resolvem * isso cada um no seu escopo — esta folha é o equivalente pequeno e * compartilhável para as páginas públicas/avulsas que sobraram fora dos * dois (não valia a pena uma folha própria por página nem duplicar a * regra 3x): `avaliacoes/views/confirmacao_publica.php`, * `lgpd/views/politica-privacidade-publica.php`, * `pesquisas/views/responder.php`. * * Mesmo mecanismo de `estilo.css`/`formulario-publico.css`: `width`/ * `height:1em` faz o ícone herdar o `font-size` do elemento pai — é * exatamente como o `` original (FontAwesome) já se * comportava, então os ícones SEM classe extra de tamanho já batem com o * tamanho pré-migração automaticamente. Só os ícones que tinham `fa-3x` * no FontAwesome precisam de classe própria com tamanho explícito — NÃO * reaproveita `fa-2x`/`fa-3x` cru como classe do SVG (#592: sem CSS elas * não dimensionam nada) — usa `ia-3x` com tamanho explícito, medido * servindo a versão anterior à migração para `icon_html()` com * `getBoundingClientRect()` (ver tabela nos docs de módulo de avaliacoes/ * lgpd/pesquisas). * * Escopado por `body.icone-avulso` para nunca vazar pra nenhuma outra * tela — cada página avulsa que usa esta folha adiciona essa classe no * ``. */ body.icone-avulso .icon-lucide { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; flex-shrink: 0; } body.icone-avulso .icon-lucide.ia-3x { width: 3em; height: 3em; }