軽量トピックリストコンテナ

現在、メイントピックコンテナにボックスを設けるのがトレンドですが、すべてを盛り込んだ本格的なテーマは望んでいませんでした。

そこで、テーマコンポーネントを作成しました。これで、好きなようにパーツを組み合わせることができます。:ok_hand:

|||
|-|-|-|
| :information_source: | 概要 | メイントピックリストコンテナの軽量アウトライン|
| :eyeglasses:|プレビュー| Theme Creator |
| :hammer_and_wrench:|リポジトリ| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| :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%);
}

謝辞

A Graceful theme for Discourse のコードについて、@awesomerobot および @jsthon に感謝します。

(そのテーマのクレジットでは、私はtmokoでした、笑。)

フィードバック

CSSのベストプラクティスに関する建設的なフィードバックをいただけると幸いです。
例:ダーク/ライト、パディング/マージンなどの最適な処理方法。

リンク

「いいね!」 3