sassのfunctionで戻り値に()かっこを使った場合に、スペースが入ってしまうのを解消するのは + (コンパイラによっては)
以下の用な関数を作ってコンパイルした時に余分なスペースが入ってun validなCSSになってしまってましたが、戻り値を+で連結するとスペースが入らずvalidになりました。(※gulp-sassを使っての環境でのこと)
(以下 sass記法です)
[関数]
@function px2vw($num)
@return ($num/1024*100)vw
[使い方]
div
width : px2vw(500)
[コンパイル結果:期待値]
div{
width : 48.828125vw
}
[コンパイル結果:実際]
div{
width : 48.828125 vw
}
orz.. vwの前にスペースが入ってエラー。。
[解決方法]
@function px2vw($num)
@return ($num/1024*100)vw
あと以前はPHPStorm上で、Compassを使ってコンパイルしていた場合は出ませんでした。