前提・実現したいこと
Sassでcalcの()内で変数を使いたいときに、
そのままでは使用できないので#{}を使うと
Sassは問題なくコンパイルされるのですが、
gulp-css-combを使用するとエラーが出てしまいます。
何か解決方法はないのでしょうか?
詳しい方教えていただけると助かります。
発生している問題
scss
1@function calc-size($value,$value2) { 2 $value3:$value - $value2; 3 @if $bp==tb { 4 @return calc(#{$value2 + "px"} + #{$value3} /768*100vw); 5 } 6 @else if $bp==pc { 7 @return calc(#{$value2 + "px"} + #{$value3} /1920*100vw); 8 } 9 @else { 10 @return calc(#{$value2 + "px"} + #{$value3} /375*100vw); 11 } 12}
追記
エラーコードに出てくる行数が
実際のエラーの原因が60行目くらいなのにコマンドプロントには、
Parsing error: Please check the validity of the block starting from line #137
というふうに表示されます。
場合によっては存在しない行数が表示されるときもあります。
あなたの回答
tips
プレビュー