変数を使ったDiscourseのスタイリング:よりシンプルなセマンティクスのための事例

私たちが採用したアプローチは、あなたが説明しているものに近いと感じており、そのため、あなたがどのように異なる実装をしたのかを理解するのが難しいです。もちろん、フィードバックはいつでも歓迎しますし、あなたがもたらしてくれる視点に感謝しています。

例えば、--space のようなものの場合、これを変更するとアプリ全体のすべてのスペーシングが変更されます。あなたが説明したのと同様のアプローチで、トピックリストやサイドバーのスペーシングのみに影響するようにターゲットすることもできます。

これは一部の項目には当てはまりますが、他の項目には当てはまりません。他に共有できる例があれば、ぜひ教えてください!

これは確かに問題です。私たちが考えているアプローチ(少なくとも現時点では実験的なもの)は、shadcn がここで行っているようなエディタです。

完璧なアプローチではありませんが、インスペクタの使い方 / ドキュメント用のメタへのアクセス方法 / CSS の使い方を知らない人にとって、より簡単に使えるように近づけることができると感じています。

よりコンポーネント化されたアプローチに関しては、最終的にはそうしたいと考えていますが、Discourse はコンポーネント化されたデザインを念頭に置いて構築されておらず、使いやすい変数を追加する前にそこまで待つことは選択肢にありませんでした。

これらのためのクラスを追加して、特定のセクションで実装しやすくすることは、ユーザビリティにおける良い前進の道のように思えます。


あなたに同意します :+1:

「いいね!」 2