Легковесный контейнер списка тем

Использование рамки для контейнера основной темы сейчас довольно модно, но я не хотел создавать полноценную тему со всем остальным.

Поэтому я создал компонент темы. Теперь вы можете собирать части так, как вам нравится. :ok_hand:

:information_source: Краткое описание Легковесный макет для контейнера списка основных тем
:eyeglasses: Предпросмотр Theme Creator
:hammer_and_wrench: Репозиторий GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse · GitHub
:question: Инструкция по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Описание

Это добавляет тень рамки и некоторые отступы для основного контейнера. Это применяется к списку тем, основному контейнеру в панели администратора и т. д.

Настройки

Вы можете установить цвет фона с помощью настроек background color light и background color dark.

Расширяемость

Вы также можете использовать селектор background-container в другом компоненте темы.

Например, вы можете добавить градиент.

.background-container {
  background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}

Благодарности

Спасибо @awesomerobot и @jsthon за код в Graceful теме для Discourse

(в той теме я был указан как tmoko, ха-ха.)

Отзывы

Любые конструктивные отзывы о лучших практиках в CSS будут очень полезны.
Например, как лучше всего обрабатывать темную/светлую тему, отступы/поля и т. д.

Ссылки

3 лайка