/* * Lucano Tram Booking - stile front-end * * Regola di fondo: qui dentro non esiste un solo colore di marca e nemmeno una * dichiarazione font-family. Tutto il colore nasce da `currentColor`, cioè dal * colore del testo che il tema ha già deciso, e tutta la tipografia è ereditata. * Bordi e sfondi tenui sono la stessa tinta con opacita' ridotta via color-mix. * Cambiando tema, il modulo cambia aspetto da solo. * * Le uniche eccezioni sono funzionali, non estetiche, e sono commentate dove stanno. */ .ltb-root { --ltb-line: color-mix(in srgb, currentColor 22%, transparent); --ltb-line-strong: color-mix(in srgb, currentColor 60%, transparent); --ltb-tint: color-mix(in srgb, currentColor 7%, transparent); --ltb-tint-strong: color-mix(in srgb, currentColor 12%, transparent); --ltb-muted: color-mix(in srgb, currentColor 68%, transparent); --ltb-surface: Canvas; --ltb-on-surface: CanvasText; /* * --ltb-display-font, --ltb-accent e --ltb-on-accent non compaiono qui di * proposito: li scrive il JavaScript su leggendoli dal tema (vedi * adoptTheme), e ridichiararli qui li bloccherebbe al valore locale. Ogni * punto d'uso porta con se' il proprio ripiego, quindi senza tema * riconosciuto il modulo resta sul suo tratto neutro. */ --ltb-gap: 1rem; --ltb-radius: var(--ltb-theme-radius, 3px); --ltb-pad: 1rem; color: inherit; font: inherit; text-align: left; } /* Browser senza color-mix: si ripiega su currentColor pieno. */ @supports not (color: color-mix(in srgb, currentColor 20%, transparent)) { .ltb-root { --ltb-line: currentColor; --ltb-line-strong: currentColor; --ltb-tint: transparent; --ltb-tint-strong: transparent; --ltb-muted: currentColor; } } .ltb-root *, .ltb-root *::before, .ltb-root *::after { box-sizing: border-box; } /* * L'attributo hidden deve avere l'ultima parola. Il foglio del browser lo * applica con `[hidden] { display: none }`, che ha la stessa forza di una * qualsiasi regola scritta qui: basta un `display: inline-flex` su .ltb-btn * perché un pulsante marcato hidden resti in pagina. È successo davvero con * "Aggiungi al calendario", che compariva dopo un'iscrizione in lista d'attesa * puntando a nulla. */ .ltb-root [hidden], .ltb-modal [hidden] { display: none !important; } /* * I temi trattano ogni