Filter Vaadin-sass-ms过滤器编译

Filter Vaadin-sass-ms过滤器编译,filter,sass,vaadin,Filter,Sass,Vaadin,我在scss mixin中遇到编译-ms filter属性问题 mytheme.scss @import "../reindeer/reindeer.scss"; @import "bg-alpha.scss"; @mixin mytheme { @include reindeer; .v-button { @include bg-alpha(0.7); -ms-filter:alpha(opacity=0.4); <---- OK } } @i

我在scss mixin中遇到编译-ms filter属性问题

mytheme.scss

@import "../reindeer/reindeer.scss";
@import "bg-alpha.scss";

@mixin mytheme {
  @include reindeer;

  .v-button {
    @include bg-alpha(0.7); 
    -ms-filter:alpha(opacity=0.4);      <---- OK
 }
}
@import./reinder/reinder.scss”;
@导入“bg alpha.scss”;
@米辛神话{
@包括驯鹿;
.v按钮{
@包括bgα(0.7);

-ms filter:alpha(不透明度=0.4);SASS算法在Vaadin 7中是一个相当新的特性-我认为只有在Vaadin 7.1中-并且似乎有一些bug(请看);SASS解析器/编译器不是一个单独的库,而是完全在Vaadin框架中实现的

我没有在愤怒中使用Vaadin+SASS,但就我个人而言,我会

a) 确保您使用的是Vaadin 7.1

b) 如果这不起作用,请尝试先将该值赋给一个临时变量,例如

@mixin bg-alpha ($a) {

  $msopacity=$a * 100;

  opacity:$a;
  -ms-filter:alpha(opacity=$msopacity);    
}

您是否尝试过连接,例如,
-ms-filter:alpha(不透明度={$a*100})
?谢谢,但是在第3行第9列遇到的错误仍然完全相同“-ms-filter”。哦……Vaadin似乎有自己的SASS解析器(而不是使用用Ruby编写的普通SASS编译器)。你应该向Vaadin提交一份错误报告,并尝试使用香草编译器。a)是的,我使用的是Vaadin 7.1。另外:你可以在Vaadin之外使用SASS,使用任何可用的工具(例如LiveReload)将其编译为CSS。有关更多讨论,请参阅。非常感谢,我发现此错误已经注册。
com.vaadin.sass.internal.parser.SCSSParseException: Error when parsing file C:\Develop...\VAADIN\themes\mytheme\bg-alpha.scss
Encountered "-ms-filter" at line 3, column 9.
Was expecting one of:
"}" ...
"+" ...
">" ...
"~" ...
"[" ...
"*" ...
"&" ...
"." ...
":" ...
<INTERPOLATION> ...
"@include" ...
"@debug" ...
"@warn" ...
"@each" ...
"@if" ...
"@extend" ...
"@content" ...
<IDENT> ...
<VARIABLE> ...
<HASH> ...
"@media" ...
"@page" ...
"@font-face" ...
<KEY_FRAME_SYM> ...

at com.vaadin.sass.internal.ScssStylesheet.get(ScssStylesheet.java:141)
at com.vaadin.sass.internal.visitor.ImportNodeHandler.traverse(ImportNodeHandler.java:69)
at com.vaadin.sass.internal.visitor.ImportNodeHandler.traverse(ImportNodeHandler.java:81)
at com.vaadin.sass.internal.ScssStylesheet.importOtherFiles(ScssStylesheet.java:192)
at com.vaadin.sass.internal.ScssStylesheet.compile(ScssStylesheet.java:185)
at com.vaadin.server.VaadinServlet.serveOnTheFlyCompiledScss(VaadinServlet.java:815)
at com.vaadin.server.VaadinServlet.serveStaticResourcesInVAADIN(VaadinServlet.java:601)
at com.vaadin.server.VaadinServlet.serveStaticResources(VaadinServlet.java:571)
at com.vaadin.server.VaadinServlet.service(VaadinServlet.java:229)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:298)
at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:859)
at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:588)
at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:489)
at java.lang.Thread.run(Unknown Source)
@mixin bg-alpha ($a) {

  $msopacity=$a * 100;

  opacity:$a;
  -ms-filter:alpha(opacity=$msopacity);    
}