Irohabook
0
277

Sass の calc で変数を扱うときはシャープを使う

Sass の calc で変数を使うときは、その変数をシャープのフォーマットに入れる。

$width: 200px
$header-height: 48px

height: calc(#{$width} - #{$header-height})

シャープの後に中かっこを書いて、その中に変数を入れる。sass の変数はコロンと値の間に 1 個の半角スペースを必ず入れる。

次の記事

CSSによる装飾