WebStorm SCSS编译器错误/变换

css
sass

2016-10-22 74 views 1 likes

我试图做一个网页，我需要使用一些图像用变换/过渡。但是WebStorm的Scss编译器给了我这个错误。

我该怎么办？请参阅上图。

来源

2016-10-22 Danelo

请分享您的@mixin。 –

没有mixins.And编译器仍然要求它.. – Danelo

*“但是WebStorm的Scss编译器给我这个错误。”* 1）WebStorm没有“Scss编译器” - File Watcher只是一个接口，允许你在文件保存中执行任何外部程序（scss编译器，你*自己安装*）。 2）如果你看看再次执行的命令（这次仔细一点），你会看到执行了什么命令......并且在那里没有WebStorm。 3）因此，这个错误来自* scss编译器*。 – LazyOne

回答

对于你的@include你需要@mixin。

@MIXIN例如：

@mixin protoName($someValue) { 
    -webkit-protoName: $someValue; 
    -moz-protoName: $someValue; 
     -ms-protoName: $someValue; 
      protoName: $someValue; 
}

为了您的代码，它可以是这样的：

@mixin transform($val) { 
    -webkit-transform: $val; 
    -moz-transform: $val; 
     -ms-transform: $val; 
      transform: $val; 
} 

main { 
.wrap { 
    @include transform(rotate(45deg) translate3d(0,0,0)); 
} 
}

和你的输出看起来就像这样：

main .wrap { 
    -webkit-transform: rotate(45deg) translate3d(0,0,0); 
     -moz-transform: rotate(45deg) translate3d(0,0,0); 
     -ms-transform: rotate(45deg) translate3d(0,0,0); 
      transform: rotate(45deg) translate3d(0,0,0); 
}

您可以阅读更多关于它Here

来源

2016-10-22 12:21:29

WebStorm SCSS编译器错误/变换

回答

相关问题