Ogni nome qui resta stabile, così una regola che scrivi continua a funzionare dopo un aggiornamento. Riferimento completo
[data-portal-sidebar]- La scheda laterale
[data-portal-item="…"]- Una parte della barra laterale: tagline, metrics, buttons, description, social_links o footer
[data-portal-locale-switcher]- L'elenco delle lingue sotto la scheda
[data-portal-content]- La scheda dei contenuti accanto: i piani, il checkout e le schermate dei membri
[data-portal-header]- I pulsanti Condividi e Accedi
[data-portal-announcement]- La striscia dell'annuncio
[data-portal-plans-heading]- Il titolo e il sottotitolo sopra i piani
[data-portal-social-proof]- La riga degli iscritti questa settimana
[data-portal-plan-list]- L'elenco delle schede dei piani
[data-portal-plan]- Una scheda di piano
[data-portal-featured]- La scheda del piano in evidenza
[data-portal-block="…"]- Un blocco sotto i piani: perks, about, faq, video, gallery o testimonials
.portal-card- Entrambe le schede
.portal-button- Ogni pulsante che i membri premono
--portal-accent, --portal-accent-foreground- Il tuo colore di accento e il testo che vi è disegnato
--portal-accent-2, --portal-accent-2-foreground- Il secondo accento e il testo che vi è disegnato
--portal-bg, --portal-surface- La pagina dietro le schede, e le schede
--portal-heading, --portal-text, --portal-muted- Titoli, testo e didascalie
--portal-faint, --portal-text-strong- Le didascalie più chiare e il testo più forte
--portal-line, --portal-line-strong- Linee sottili e bordi
--portal-well, --portal-well-strong- Pannelli e chip incassati, a riposo e premuti
--portal-accent-ink, --portal-accent-soft, --portal-accent-line- L'accento come testo, come tinta e come linea
--portal-accent-2-ink, --portal-accent-2-soft, --portal-accent-2-line- Il secondo accento come testo, come tinta e come linea
--portal-radius-card, --portal-button-radius- Il raggio degli angoli delle schede e dei pulsanti
--portal-shadow-card, --portal-shadow-float, --portal-shadow-soft- Le tre profondità d'ombra
--font-condensed, --font-sans- Il carattere dei titoli e il carattere del testo
--portal-heading-case, --portal-button-case- Il maiuscolo dei titoli e delle etichette dei pulsanti