使用变量样式化Discourse：支持更简单语义的案例

[RGJ (Richard - Communiteq)]

@manuel

对我来说，这感觉更像是 CSS 的自然工作方式

嗯，我认为 CSS 的自然工作方式就是跳过变量，然后这样做

/* 设置设计基础 */
body {
  border-width: 2px;
  background-color: #3498db;
  margin: 1rem;
}

/* 在组件级别需要时覆盖 */
.d-topic-list,
.d-sidebar {
  border-width: 1px;
}

也许我太老了。

真正的问题是这个

@manuel

如果我们能在整个 Discourse 中依赖唯一且命名一致的组件类

例如，简单地定位 .btn 或 button：

.btn {
    border: 1px solid red;
}

会错过帖子按钮，但会定位“views”链接和汉堡菜单。