Ist es möglich, Discourse-Variablen zu überschreiben?

Unterstützung
1

Hallo,

ich versuche, die Typografie wie Schriftart, Schriftschnitt und Schriftgröße mit Discourse-Variablen zu ändern.

$base-font-family: var(--font-family) !default;
$heading-font-family: var(--heading-font-family) !default;

Wie kann ich also die Variable $heading-font-family ändern, z. B. mit $heading-font-family: Arial;? Ich habe mehrere Methoden ausprobiert, aber die Änderungen sind nicht sichtbar.

$heading-font-family: Arial;

:root {
  --heading-font-family: Arial;
}

Irgendeine Idee?

1 „Gefällt mir“
2

Vielleicht einen Blick auf https://meta.discourse.org/t/selectable-font-family-component/117493? werfen?

4 „Gefällt mir“
3

Danke für die Antwort.

Tatsächlich gibt es dafür eine Standard-Funktion in Discourse. Ich möchte jedoch eine detailliertere Anpassung der Typografie vornehmen.

image
image1480×436 20.6 KB

Deshalb suche ich nach einer Möglichkeit, die Werte der Variablen zu ändern. Ich dachte, ich könnte so einfach die gesamte Typografie anpassen.

aus variables.scss

// Fonts
// --------------------------------------------------

$base-font-size-smallest: 0.815em !default; // entspricht 13px
$base-font-size-smaller: 0.875em !default; // entspricht 14px
$base-font-size: 0.938em !default; // entspricht 15px
$base-font-size-larger: 1.063em !default; // entspricht 17px
$base-font-size-largest: 1.118em !default; // entspricht 19px
$base-font-family: var(--font-family) !default;
$heading-font-family: var(--heading-font-family) !default;

// Schriftgrößen-Definitionen, Multiplikator ^ (Schritt / Intervall)
$font-up-6: 2.296em;
$font-up-5: 2em;
$font-up-4: 1.7511em;
$font-up-3: 1.5157em;
$font-up-2: 1.3195em;
$font-up-1: 1.1487em; // 2^(1/5)
$font-0: 1em;
$font-down-1: 0.8706em; // 2^(-1/5)
$font-down-2: 0.7579em; // Kleinste Größe, die wir basierend auf der 1em-Basis verwenden
$font-down-3: 0.6599em;
$font-down-4: 0.5745em;
$font-down-5: 0.5em;
$font-down-6: 0.4355em;

Glaubst du, es ist möglich, diese Variablen zu ändern?

2 „Gefällt mir“
4

Oh. Ich dachte, das sah veraltet aus und es gibt jetzt einen besseren Weg. Entschuldigung dafür.

2 „Gefällt mir“
5

Danke für die Antwort, @pfaffman. Ich hoffe, es gibt eine Möglichkeit, diese Variablen zu überschreiben. Andernfalls muss ich die CSS-Klassen ändern.

1 „Gefällt mir“
6

Starten Sie den Einrichtungsassistenten erneut. Die Schriftartenauswahl ist seit der 2.6 Beta-Version nun ein Schritt im Einrichtungsassistenten.

4 „Gefällt mir“
7

Danke für die Antwort @codinghorror. Das heißt, wir können nur bestimmte Schriftarten auswählen, richtig? Und ich habe gelernt, dass diese Variablen nicht überschrieben werden können. Stimmt das?

8

@bekircem Ich habe den Assistenten gerade auf 2.7.0.beta1 getestet, und die verfügbaren Schriftarten sind dieselben wie in den von dir oben geposteten Site-Einstellungen (möglicherweise übersehe ich etwas).

Du hast es wahrscheinlich inzwischen selbst herausgefunden, aber falls nicht: Du kannst entweder Google Fonts verwenden oder die CSS-Variablen genau so ersetzen, wie du es in deinem ursprünglichen Beitrag (OP) gemacht hast – das hätte funktionieren sollen.

Ich verwende in meiner Instanz folgendes CSS, und es funktioniert (Schriftart wird über <link/> oder @include geladen):

:root {
  --heading-font-family: 'Inter', sans-serif;
  --font-family: 'Inter', sans-serif;
}
2 „Gefällt mir“