/** * Dimensione dell'interfaccia del gestionale. * --------------------------------------------------------------------------- * Tutto il CSS dell'applicazione (e quello di Bootstrap) è scritto in `rem`: * caratteri, altezza e imbottitura dei pulsanti, spaziature, campi dei form, * larghezza della barra laterale. Il `rem` si misura sulla dimensione del testo * dell'elemento , quindi cambiare quella sola misura ingrandisce ogni * cosa nella stessa proporzione, senza toccare una regola alla volta e senza * sfasare la griglia. * * --ui-scale è l'unica manopola: 1 = dimensione originale, 1.2 = +20%. * Per cambiare la taglia di tutto il gestionale si modifica solo questo numero. * * Perché `1rem` e non un numero di pixel: dentro il font-size di il * `rem` vale la dimensione predefinita del browser, cioè quella che l'utente * ha impostato nelle sue preferenze (16px salvo diversa scelta) e che il * sistema operativo adatta alla densità dello schermo. Partire da lì significa * restare proporzionati al monitor su cui si guarda, invece di imporre una * misura fissa uguale per tutti i dispositivi. * * La scala vale solo per il gestionale (layout app, area dipendenti, accesso). * Le pagine pubbliche viste dai clienti e la proposta in PDF non la caricano: * quelle hanno una loro impaginazione e devono restare come sono. */ :root { --ui-scale: 1.2; } html { font-size: calc(1rem * var(--ui-scale)); }