Hello, I have problem with compiling my sass theme. When i use @each function in sass vaadin-compiler can’t compile that. Here is snippet of my code.
$mcBg: mc-bg;
$mcScroll: mc-scroll;
$mcText: mc-text;
$mcIcon: mc-icon;
$elements: ("general-home", $homeColor),("motor", $motorColor),("property", $propertyColor),("financial", $financialColor);
@each ($body, $color) in $elements {
.#{$body} {
.#{$mcBg} {
background: $color;
}
// Scroll color
.#{$mcScroll} {
&::-webkit-scrollbar-thumb {
background-color: $color;
outline: 1px solid $color;
}
}
//
.#{$mcText} {
color: $color;
}
}
}
But vaadin gives me
--- vaadin-maven-plugin:8.7.0:compile-theme (default-cli) @ negdoor-frontend ---
[INFO]
Updating theme VAADIN\themes\negdoortheme
[ERROR]
Apr 04, 2019 8:49:19 AM com.vaadin.sass.internal.handler.SCSSErrorHandler severe
[ERROR]
SEVERE: null
[ERROR]
com.vaadin.sass.internal.parser.SCSSParseException: Error when parsing file ../../../../assets/sass/core/themes/color
[ERROR]
Encountered "(" at line 7, column 7.
[ERROR]
Was expecting one of:
[ERROR]
<S> ...
[ERROR]
<VARIABLE> ...
[ERROR]
[ERROR]
at com.vaadin.sass.internal.ScssStylesheet.get(ScssStylesheet.java:176)
[ERROR]
at com.vaadin.sass.internal.visitor.ImportNodeHandler.traverse(ImportNodeHandler.java:68)
[ERROR]
at com.vaadin.sass.internal.tree.ImportNode.traverse(ImportNode.java:99)
[ERROR]
at com.vaadin.sass.internal.tree.Node.traverseChildren(Node.java:227)
[ERROR]
at com.vaadin.sass.internal.tree.controldirective.TemporaryNode.traverseChildren(TemporaryNode.java:53)
[ERROR]
at com.vaadin.sass.internal.visitor.ImportNodeHandler.traverse(ImportNodeHandler.java:97)
[ERROR]
at com.vaadin.sass.internal.tree.ImportNode.traverse(ImportNode.java:99)
[ERROR]
at com.vaadin.sass.internal.tree.Node.traverseChildren(Node.java:227)
[ERROR]
at com.vaadin.sass.internal.tree.Node.traverseChildren(Node.java:214)
[ERROR]
at com.vaadin.sass.internal.ScssStylesheet.traverse(ScssStylesheet.java:298)
[ERROR]
at com.vaadin.sass.internal.ScssStylesheet.compile(ScssStylesheet.java:267)
[ERROR]
at com.vaadin.sass.SassCompiler.main(SassCompiler.java:101)
[ERROR]
[ERROR]
Compiling theme "VAADIN\themes\negdoortheme" failed
org.codehaus.mojo.gwt.shell.JavaCommandException: Command [[
C:\Program Files\Java\jdk1.8.0_51\jre\bin\java -Xmx1G com.vaadin.sass.SassCompiler D:\e.batgerel\development\git\negdoor\negdoor-frontend\src\main\webapp\VAADIN\themes\negdoortheme\styles.scss D:\e.batgerel\development\git\negdoor\negdoor-frontend\src\main\webapp\VAADIN\themes\negdoortheme\styles.css
]] failed with status 1
at org.codehaus.mojo.gwt.shell.JavaCommand.execute(JavaCommand.java:330)
at com.vaadin.integration.maven.CompileThemeMojo.processTheme(CompileThemeMojo.java:65)
at com.vaadin.integration.maven.AbstractThemeMojo.doExecute(AbstractThemeMojo.java:43)
at org.codehaus.mojo.gwt.shell.AbstractGwtShellMojo.execute(AbstractGwtShellMojo.java:182)
at org.apache.maven.plugin.DefaultBuildPluginManager.executeMojo(DefaultBuildPluginManager.java:137)
at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:208)
at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:154)
at org.apache.maven.lifecycle.internal.MojoExecutor.execute(MojoExecutor.java:146)
at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:117)
at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject(LifecycleModuleBuilder.java:81)
at org.apache.maven.lifecycle.internal.builder.singlethreaded.SingleThreadedBuilder.build(SingleThreadedBuilder.java:56)
at org.apache.maven.lifecycle.internal.LifecycleStarter.execute(LifecycleStarter.java:128)
at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:305)
at org.apache.maven.DefaultMaven.doExecute(DefaultMaven.java:192)
at org.apache.maven.DefaultMaven.execute(DefaultMaven.java:105)
at org.apache.maven.cli.MavenCli.execute(MavenCli.java:956)
at org.apache.maven.cli.MavenCli.doMain(MavenCli.java:290)
at org.apache.maven.cli.MavenCli.main(MavenCli.java:194)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:497)
at org.codehaus.plexus.classworlds.launcher.Launcher.launchEnhanced(Launcher.java:289)
at org.codehaus.plexus.classworlds.launcher.Launcher.launch(Launcher.java:229)
at org.codehaus.plexus.classworlds.launcher.Launcher.mainWithExitCode(Launcher.java:415)
at org.codehaus.plexus.classworlds.launcher.Launcher.main(Launcher.java:356)
[INFO]
------------------------------------------------------------------------
[INFO]
BUILD FAILURE
[INFO]
------------------------------------------------------------------------
[INFO]
Total time: 12.145 s
[INFO]
Finished at: 2019-04-04T08:49:19+08:00
[INFO]
------------------------------------------------------------------------
[ERROR]
Failed to execute goal com.vaadin:vaadin-maven-plugin:8.7.0:compile-theme (default-cli) on project negdoor-frontend: Compiling theme "VAADIN\themes\negdoortheme" failed: Command [[
[ERROR]
C:\Program Files\Java\jdk1.8.0_51\jre\bin\java -Xmx1G com.vaadin.sass.SassCompiler D:\e.batgerel\development\git\negdoor\negdoor-frontend\src\main\webapp\VAADIN\themes\negdoortheme\styles.scss D:\e.batgerel\development\git\negdoor\negdoor-frontend\src\main\webapp\VAADIN\themes\negdoortheme\styles.css
[ERROR]
]] failed with status 1
[ERROR]
-> [Help 1]
[ERROR]
[ERROR]
To see the full stack trace of the errors, re-run Maven with the -e switch.
[ERROR]
Re-run Maven using the -X switch to enable full debug logging.
[ERROR]
[ERROR]
For more information about the errors and possible solutions, please read the following articles:
[ERROR]
[Help 1]
http://cwiki.apache.org/confluence/display/MAVEN/MojoExecutionException
How i compile my sass files ?