コーディングブログ

Coding Blog

SCSSの変数をexportしてJavaScript側で読み取ってメソッドで利用する

JavaScript

SCSS側で:export {}したものを、
JavaScript側でimportし、style.boxWidthの様にアクセスすると使えます。

注意点

exportで読み取った値はstring型です。
数値として利用するには下記の様な感じで変換しましょう。

SCSS

JavaScript

この様にしてstyle側で指定した幅や余白に応じて何か処理するのはいかがでしょうか。