Haml 変数定義用のファイル

Question

Hamlを使って画面の実装を行なっているのですが、以下の条件がどうすればいいか、分かりません

複数回使用する色は、変数を定義する用のファイルを作成して、そのファイルに定義してください。
このようにする理由は、変数を定義するファイルを読み込んでおくことで、その他のスタイルシートでも定義した変数を使用することができるからです。

そのファイルの使い方も教えていただきたいです

Comments

[rhiroe]

話が唐突すぎて何もわかりません。
いきなり出てきた「色」とはなんのことなのか。
変数を定義する用のファイルとは何のファイルのことなのか、css? helper? haml?
サンプルコード、現状のコードなど示せるものはないのか。
など、もう少し具体的な質問をお願いします。

Answer 1

:root {
--main-gutter: 30px;
}
.box {
width: 300px;
height: 100px;
margin: var(--main-gutter);
}

[CSSの色定義方法](https://www.webcreatorbox.com/tech/css-variables)

で:rootと.boxを別に分けてそれぞれlinkか直書きで書けば良いのでは？

Comments

[kyoya0819]

解決したようで何よりです。