وجود صندوق للحاوية الرئيسية للموضوع هو أمر رائج جدًا في الوقت الحالي، لكنني لم أكن أرغب في سمة كاملة مع كل شيء آخر.
لذلك، قمت بإنشاء مكون سمة. الآن يمكنك تجميع الأجزاء كما تريد. 
|||
|-|-|-|
| 
| ملخص | مخطط خفيف لحاوية قائمة الموضوع الرئيسية
| 
|معاينة| Theme Creator |
| 
|مستودع| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| 
|دليل التثبيت|كيفية تثبيت سمة أو مكون سمة|
| 
|جديد في سمات 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 على الكود في سمة أنيقة لـ Discourse
(في شكر وتقدير السمة هذا كنت tmoko، هاها.)
ملاحظات
نرحب بأي ملاحظات بناءة حول أفضل الممارسات في CSS.
على سبيل المثال. كيفية التعامل مع الألوان الداكنة/الفاتحة، والهوامش/المسافات، وما إلى ذلك.
روابط
← أضف روابط المعاينة والمستودع →