Irohabook
CSS CSSによる装飾

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

広告

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

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

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

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

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会