e-JOINT.jp
  • Works
  • e-JOINT.jpについて
  • リンク
  • 管理人に連絡する
e-JOINT.jp > ブログ > Stylusでcalc()の中に変数を入れる方法

Stylusでcalc()の中に変数を入れる方法

2019-01-21 /
ブログ
$grid-gutter = 1.5rem

.foo
  width 'calc(100% - %s)' % $grid-gutter

コンパイル後↓

.foo {
  width: calc(100% - 1.5rem)
}

変数が2つ以上の場合は変数を括弧でくくる

'calc(%s - %s)' % (val1 val2)
シェアシェアブックマークPocket

新しい記事

Stylus ビルトイン関数まとめ

古い記事

Stylus 値の単位を削除する方法

© 2019 e-joint.jp