Se sei d’accordo con le variazioni relative delle dimensioni del font, puoi semplicemente impostare una dimensione del font diversa sull’elemento :root e gli em si ridimensioneranno di conseguenza.
Mi sto perdendo qualcosa o si tratta semplicemente di non voler fornire un’arma a doppio taglio a temi e plugin? Dichiarare tutte queste variabili con !default sembra un modo semplice per consentirne la sovrascrittura.
Non credo che funzionasse prima perché gli stili principali venivano compilati prima che un tema potesse sovrascriverli? Comunque, per i colori era così… So che alcune cose relative alla compilazione di SCSS sono cambiate, quindi forse non è più un problema?
Possiamo anche convertire queste variabili in proprietà CSS personalizzate, come abbiamo fatto con i colori, se !default non è sufficiente.
Derp, hai ragione. Sembra che le proprietà personalizzate siano davvero la strada da percorrere! ![]()
Ecco una refactoring per la tua revisione; questo potrebbe funzionare meglio per consentire a qualsiasi foglio di stile di utilizzare o aggiornare le variabili:
OK, ora ho capito un po’ meglio la situazione: attualmente, tutte le variabili definite qui possono essere letti dai temi/plugin, ma non è possibile scrivere nuovi valori, poiché ogni foglio di stile viene compilato separatamente. L’aggiunta delle proprietà CSS personalizzate consente ai temi/plugin di sovrascrivere le variabili in modo dinamico, e tutti i fogli di stile dipendenti acquisiscono i nuovi valori. ![]()
Ciao @bekircem, con quanto sopra unito, ora puoi aggiungere un tema che sovrascrive le variabili di base del font ridefinendo le proprietà CSS (lato client) come segue:
// probabilmente non usare questi valori, ma puoi capire il concetto:
:root {
--font-down-1: 0.8em;
--font-0: 2em;
--font-up-1: 3em;
--font-up-2: 4em;
}