/* ============================================================ Frazioni taglie — "44 1/3" reso 44⅓ con la feature OpenType "frac". Caricato solo se $ATTIVA_FRAZIONI_TAGLIE=1 (includes/head.inc.php e user/page_stampa-ordine-utente.php, che ha un proprio). Markup generato da format_taglia() (php/functions.php). Porting da www-griffeshop-com — vedi TASK/PIANO-frazioni-taglie.md VINCOLI: - NESSUN font-size qui dentro (fuori dal blocco delle modalita' alternative): le dimensioni dei font non cambiano mai. La frazione appare piu' piccola perche' i glifi "frac" sono disegnati cosi'. - La feature sta SOLO su .gs-frac, che avvolge la sola frazione ("1/3"). Il numero intero ("44") resta FUORI e mantiene la dimensione di oggi. In Montserrat "frac" rimpicciolisce tutte le cifre dello span a cui e' applicata (misurato su griffeshop: "44" 21.42px -> 13.77px). Non estendere mai questa regola a td.product-taglie, a.size, .filter_size, al wrapper .gs-size o all'intero valore taglia. - NESSUN selettore su prezzi o valuta (.ft-10/.ft-12/.ft-14, celle prezzo): la gestione di prezzi e valuta non cambia. - NESSUNA modifica a padding, larghezze o layout di tabelle e bottoni. NB1: il font del sito e' Montserrat (assets/css/style.css:93-99). NB2: Montserrat e' caricato da Google Fonts css2 SENZA parametro &text= (includes/head.inc.php:42). Se si aggiungesse il subsetting &text=, la feature "frac" verrebbe rimossa e questo CSS smetterebbe di agire (fallback: "44 1/3" letterale, nessuna rottura). ============================================================ */ /* Wrapper dell'intero valore taglia: tiene insieme numero e frazione. NESSUNA feature tipografica qui: il numero deve restare com'e' oggi. */ .gs-size{ white-space: nowrap; } /* La SOLA frazione ("1/3"). Qui e solo qui va la feature OpenType. */ .gs-frac{ font-variant-numeric: diagonal-fractions; /* standard, prioritario */ -webkit-font-feature-settings: "frac" 1; /* Safari datati */ font-feature-settings: "frac" 1; /* low-level, fallback */ font-variant-ligatures: none; white-space: nowrap; } /* Browser senza font-variant-numeric: resta solo il low-level. */ @supports not (font-variant-numeric: diagonal-fractions){ .gs-frac{ font-feature-settings: "frac" 1; } } /* ---- Modalita' alternative (solo se $MODO_FRAZIONI_TAGLIE != 'opentype') ---- Qui il font-size relativo e' inevitabile: gli apici vanno costruiti a mano. NON si attivano con la configurazione scelta ('opentype'). */ .gs-frac-uni{ font-feature-settings: normal; white-space: nowrap; } .gs-frac-sup{ white-space: nowrap; } .gs-frac-sup sup, .gs-frac-sup sub{ font-size: 0.65em; line-height: 0; position: relative; } .gs-frac-sup sup{ top: -0.45em; } .gs-frac-sup sub{ bottom: -0.15em; }