关于主题组件的标准化指南

我从未想过自己会做这种事,但此刻我正在这里编辑 CSS 和 JavaScript,并创建我的第一个简单主题和插件组件。

正如我之前读到的那样(尽管当时我还没准备好——入门需要一定的技术基础),在 Discourse 中添加功能或修改现有功能的过程其实非常简单,对此我深表感激。

根据我有限且短暂的体验,我注意到缺乏标准化的指南,尤其是在主题组件方面。我理解插件遵循更严格、更明确的路径。

在为 Horizon 进行设计或编码时,必须考虑到同样适用于所有主题的 Discourse 核心、Horizon 所做的更改、Foundation(现代化版本)、来自 Topic Cards 的实现,以及任何其他可能任意修改了变量的组件。

目前是否有一份指南,让我可以从一开始就遵循,以简化这一过程,并避免遇到相互冲突的 px、em、rem 或变量,导致在后续更新中失效?

是我遗漏了什么,还是这是一个对我们所有人都非常有益的简化措施?

这里有一个主题骨架的链接

我从这个骨架开始,并在开发实例中加载它,使用的是

然后粘贴我的 git 仓库地址

谢谢 Andrew,但恐怕它仍然依赖于我之前提到的不同主题/组件。

看一下这个:

谢谢,我会去看的!但我仍然担心,这并不能避免在到处混杂的 pxempx 替代方案中挣扎,以及主题组件、话题卡片、现代化改造、Foundation 默认设置和 Horizon 之间的覆盖问题。

我注意到,在遵循或实施的基础方面缺乏整合,或者它们之间的沟通需要改进。有一些变量,还有一些关于针对特定事项该怎么做以及如何做的指南。好吧,我们都需要了解这些并与之保持一致,这样我们的工作对每个人来说都会更简单。

也许你们中一些更有经验的人能理解我想表达的意思,并以恰当的方式解释出来。我不像你们那样懂技术,这一切对我来说都还是新鲜的。

感谢阅读并分享链接。我也乐于就此进行讨论和听取意见。