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

@mixin mytheme {

    @include valo;

    .my_class {
        background-color: #FFFFFF;

        @media (min-width: 700px) {
            background-color: #000000;
        }
    }
}

.mytheme .my_class {
    background-color: #FFFFFF;
    @media (min-width: 700px) {
}
}

[INFO] --- vaadin-maven-plugin:7.3.4:compile-theme (default) @ test_project ---
[INFO] Updating theme VAADINthemesmytheme
[ERROR] Nov 21, 2014 7:24:36 PM com.vaadin.sass.internal.handler.SCSSErrorHandler log
[ERROR] SCHWERWIEGEND: Error when parsing file
[ERROR] D:/test_project/src/main/webapp/VAADIN/themes/mytheme/mytheme.scss on line 11, column 41
[ERROR] Nov 21, 2014 7:24:36 PM com.vaadin.sass.internal.handler.SCSSErrorHandler log
[ERROR] SCHWERWIEGEND: encountered " ". Was expecting one of: "-" "and" "or" "not" ":" "#{" "through" "in" <IDENT> <NOT_FUNCTION> <FUNCTION>