Cleaning up our font system

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.

3 Mi Piace

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.

2 Mi Piace

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.

3 Mi Piace

Derp, hai ragione. Sembra che le proprietà personalizzate siano davvero la strada da percorrere! :muscle:

4 Mi Piace

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. :slight_smile:

3 Mi Piace

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;
}
3 Mi Piace