Vaadin 7.7.10 Valo gives "Base-level rule contains the parent-selector-refe

Vaadin 6 / 7 / 8
1

Environment:
Vaadin 7.7.10
Vaadin Gradle plugin 1.2.0.beta1

my mytheme.scss file:

@import "../valo/_valo.scss"; @mixin mytheme { @include valo; } (importing with underscore because “valo.scss” does not exist in themes jar, only “_valo.scss”, contrary to all samples)

styles.scss file:

@import "mytheme.scss"; @include mytheme; output in console on app startup:

[code]
Aug 13, 2017 8:40:15 PM com.vaadin.server.DefaultDeploymentConfiguration checkProductionMode
WARNING:

Vaadin is running in DEBUG MODE.
Add productionMode=true to web.xml to disable debug features.
To show debug window, add ?debug to your application URL.

Aug 13, 2017 8:40:16 PM com.vaadin.sass.internal.ScssStylesheet warning
WARNING: Base-level rule contains the parent-selector-referencing character ‘&’; the character will be removed:
BlockNode [&.v-app, &.v-app-loading {
Mixin node [name: valo-app-style args: Actual argument list [ArgumentList
]]
}]
Aug 13, 2017 8:40:16 PM com.vaadin.sass.internal.ScssStylesheet warning
WARNING: Base-level rule contains the parent-selector-referencing character ‘&’; the character will be removed:
BlockNode [.v-ie8 &, .v-ie9 & {
BlockNode [.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait {
Rule node [width: 28px !important;]

Rule node [height: 28px;]

Rule node [padding: Lexical unit node [round($v-unit-size/4)]
;]
Rule node [background: SassList [(#fff url(…/valo/shared/#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50%)]
;]
Rule node [border-radius: $v-border-radius;]

Rule node [top: Lexical unit node [round($v-unit-size/4)]
;]
Rule node [right: Lexical unit node [round($v-unit-size/4)]
;]
Rule node [left: Lexical unit node [auto]
;]
MicrosoftRule node [filter: alpha(opacity=50);]

BlockNode [&[style*=“none”]
{
Rule node [display: Lexical unit node [none]
!important;]
}]
}]
BlockNode [.v-loading-indicator-wait {
MicrosoftRule node [filter: alpha(opacity=100);]

}]
}]
Aug 13, 2017 8:40:16 PM com.vaadin.sass.internal.ScssStylesheet warning
WARNING: Base-level rule contains the parent-selector-referencing character ‘&’; the character will be removed:
BlockNode [.v-ie8 & .v-tree-node-expanded:before {
Mixin node [name: valo-tree-expanded-icon-style args: Actual argument list [ArgumentList [true]
]]
}]
Aug 13, 2017 8:40:16 PM com.vaadin.sass.internal.ScssStylesheet warning
WARNING: Base-level rule contains the parent-selector-referencing character ‘&’; the character will be removed:
BlockNode [.v-ff & .v-tree-node-drag-top:before, .v-ff & .v-tree-node-drag-bottom:after {
Rule node [line-height: 1px;]

}]
Aug 13, 2017 8:40:16 PM com.vaadin.sass.internal.ScssStylesheet warning
WARNING: Base-level rule contains the parent-selector-referencing character ‘&’; the character will be removed:
BlockNode [.v-ie8 & .v-tree-node-drag-top:before, .v-ie8 & .v-tree-node-drag-bottom:after {
Rule node [line-height: 0;]

}]
[/code]a workaround for this could be adding this to your log configuration:

log4j.logger.com.vaadin.sass.internal.ScssStylesheet=ERROR

but that can hide important warnings… maybe there is a way to fix the actual problem instead?