calc()
Sassスタイルシートで関数を使用しようとしていますが、いくつか問題があります。これが私のコードです:
$body_padding: 50px
body
padding-top: $body_padding
height: calc(100% - $body_padding)
変数の50px
代わりにリテラルを使用すると、body_padding
必要なものが正確に得られます。ただし、変数に切り替えると、次のようになります。
body {
padding-top: 50px;
height: calc(100% - $body_padding); }
calc
関数内の変数を置き換える必要があることをSassに認識させるにはどうすればよいですか?
10
@ user3705055単位が異なるため、Sassは100%-50pxを計算できないため、計算が必要です。これは、値を追加する前に100%をpxに変換するためにコンテナの大きさがわかると、ブラウザでのみ計算できます。これが、calcが存在する正確な理由です。
—
Mog0