/* ============================================================================ COMPONENTI — i pezzi che si ripetono in tutte le pagine ============================================================================ Bottoni, sopratitoli, titoli di sezione, schede e griglie sono definiti qui una volta sola. Le pagine li usano applicando la classe corrispondente, invece di reinventare ogni volta la propria variante: è quello che tiene insieme l'aspetto del sito quando le sezioni crescono. Si vedono tutti dal vivo, in ogni variante, nella pagina di anteprima riservata allo staff: /admin/guida-di-stile/ Regole valide per tutti i componenti qui sotto: - i colori e le misure arrivano da `tokens.css`, mai scritti a mano; - ogni elemento su cui si può cliccare reagisce sia al passaggio del mouse sia al focus da tastiera, perché chi naviga con il tasto Tab deve vedere dove si trova esattamente come chi usa il mouse; - chi ha chiesto al sistema di ridurre le animazioni non ne vede nessuna (blocco in fondo al file). ========================================================================= */ /* --- Bottoni ---------------------------------------------------------------- `.btn` da solo non ha colore: dà la forma, la spaziatura e il testo in maiuscolo spaziato. Va sempre accompagnato da una variante. - `.btn-accent` l'azione principale della pagina, in blu oltremare; - `.btn-glass` azione secondaria sopra una fotografia: fondo semitrasparente e sfocatura, perché resti leggibile su qualunque immagine; - `.btn-line` azione secondaria su fondo pieno, solo contorno; - `.btn-sm` versione ridotta, da affiancare a `.btn`. Va usato su quando porta a un'altra pagina e su