Error compiling my theme with vaadin 7.3 and valo theme

Question

I am developing a vaadin application that used vaadin v7.2. Now it is updated to version v7.3.7 and uses the new valo theme with my custom styles. When compiling the whole project using the mvn clean installtheme compiles fine. But when I try to compile a theme using the command line using the command

java -cp '../../../../../../target/product-webapp-1.1.3.0-SNAPSHOT/WEB-INF/lib/*' com.vaadin.sass.SassCompiler styles.scss styles.css

he pushes the shaft, not found error, as shown below

java.io.FileNotFoundException: Import '../valo/valo.scss' in '/home/lahirub/Documents/PROJECTS/NewClearProduct/newclear-product-webapp/src/main/webapp/VAADIN/themes/mytheme/styles.scss' could not be found

com.vaadin.sass.internal.parser.ParseException: Mixin Definition: valo not found

My custom theme is like this

mytheme.scss

@import "../valo/valo.scss";

@mixin mytheme {
  @include valo;

  // Insert your own theme rules here
}

styles.scss

@import "mytheme.scss";
@import "addons.scss";

// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss

.mytheme {
  @include addons;
  @include mytheme;

}

addons.scss

/* Import and include this mixin into your project theme to include the addon themes */
@mixin addons {
}

I can not find the cause of this error. Can someone please give me some suggestion.

Answer 1

.

  <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-client-compiled</artifactId>
            <version>${com.vaadin.version}</version>
            <scope>provided</scope>
        </dependency>

<dependency>
    <groupId>com.vaadin</groupId>
    <artifactId>vaadin-client-compiler</artifactId>
    <version>${com.vaadin.version}</version>
    <scope>provided</scope>
</dependency>

pom.xml valo.

Answer 2

mytheme.scss @ mixin, . Liferay TextField:

// Import valo after setting the parameters
@import "../liferay/liferay.scss";
@import "../valo/valo.scss";


@mixin mytheme {
  @include liferay;
  @include valo;

.v-textfield.height-fix {
    height: 35px;
    border-radius: 4px;
  }
}

valo . Styles.scss ( ):

@import "addons.scss";
@import "mytheme.scss";

/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
/* The actual styles should be defined in mytheme.scss */
.mytheme {
    //Your theme rules go here
  @include addons;
  @include mytheme;
}

, valo, . Eclipse Mars, Liferay 6.2.4 Vaadin 7.5 ( ) . , valo .