Cleaning up our font system

Wenn Sie mit den relativen Änderungen der Schriftgrößen einverstanden sind, können Sie einfach eine andere Schriftgröße für das :root-Element festlegen, und die em-Werte werden entsprechend skaliert.

3 „Gefällt mir“

Fehlt mir etwas, oder ist das einfach nur der Wunsch, Theme-Plugins keine Fußschießwaffe zu geben? Das Deklarieren all dieser Variablen mit !default scheint ein einfacher Weg zu sein, ein Überschreiben dieser zu ermöglichen.

2 „Gefällt mir“

Ich glaube nicht, dass es zuvor funktioniert hat, weil die Kernstile kompiliert wurden, bevor ein Theme sie überschreiben konnte? Zumindest bei den Farben war das so… Ich weiß, dass sich einige Dinge bei der SCSS-Kompilierung geändert haben, also ist das vielleicht kein Problem mehr?

Wir können diese auch zu CSS-Eigenschaftsvariablen umstellen, wie wir es bei den Farben getan haben, falls !default nicht ausreicht.

3 „Gefällt mir“

Derp, das stimmt. Es hört sich so an, als wären benutzerdefinierte Eigenschaften doch der richtige Weg! :muscle:

4 „Gefällt mir“

Hier ist ein Refactoring zur Überprüfung. Dieser Ansatz könnte besser funktionieren, um zu ermöglichen, dass jede Stylesheet die Variablen verwenden oder aktualisieren kann:

OK, ich habe mich jetzt etwas mehr damit beschäftigt – Aktuell können alle hier definierten Variablen von Themes/Plugins gelesen, aber keine neuen Werte geschrieben werden, da jedes Stylesheet separat kompiliert wird. Durch die Einführung von CSS-Eigenschaftsvariablen können Themes/Plugins die Variablen dynamisch überschreiben, und alle abhängigen Stylesheets übernehmen die neuen Werte. :slight_smile:

3 „Gefällt mir“

Hey @bekircem, nachdem das oben Genannte gemerged wurde, kannst du nun ein Theme hinzufügen, das die Basis-Schriftvariablen durch Neudefinieren der (clientseitigen) CSS-Eigenschaften überschreibt:

// Diese Werte wahrscheinlich nicht verwenden, aber du bekommst hier eine Idee:
:root {
    --font-down-1: 0.8em;
    --font-0: 2em;
    --font-up-1: 3em;
    --font-up-2: 4em;
}
3 „Gefällt mir“