calc(var(--example-name) * 100)
- var()
- 他のプロパティの値に代わって値を挿入できる
- https://developer.mozilla.org/ja/docs/Web/CSS/varの例が使用例
- 関数の最初の引数は、置換されるカスタムプロパティの名前です。関数のオプションの 2 番目の引数は、代替値として機能します。
- カスタムプロパティ:CSS変数
- 接頭辞 -- が付いたプロパティ名、例えば --example-name は、カスタムプロパティを表し、 var() 関数を用いて他の宣言の中で使用することができる値を持ちます。
calc()
- CSS のプロパティ値を指定する際に計算を行うことができる
- muiでのcalc()の使用について
- https://stackoverflow.com/questions/59569174/using-calc-in-mui
- +演算子と-演算子は前後にホワイトスペースが必要
- %表記と長さで計算する必要がある。