Как посмотреть переменные, CSS и стили, которые идут по умолчанию в Discourse?

Разработка
1

Я хочу увидеть стили, которые по умолчанию применяются в Discourse. Есть ли способ посмотреть страницу с CSS, SCSS и переменными?

2

Один из простых способов увидеть переменные — открыть консоль браузера (обычно F12 или правая кнопка мыши → «Просмотреть код»), затем перейти на вкладку «Elements» (Элементы) и в панели стилей увидеть все определения :root:

image
image786×1159 51 KB

Вы также можете изучить исходный код здесь:

3

Также полезно ознакомиться со Справочником по стилю: https://meta.discourse.org/styleguide/
Например, там теперь есть раздел, объясняющий общий синтаксис классов CSS.