CSS CSSによる装飾

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

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

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

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

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