box-shadow should have -webkit prefix (#14093)

Mass find-and-replace, tested to work as before in Chrome, and that the
output now includes box -webkit-box-shadow as well as box-shadow.

Bourbon needed to be imported before the css3 utils, so that the
box-shadow mixin can be overridden (Bourbon prints a warning as it has
already deprecated box-shadow prefixes).

Change-Id: I6b4f2047a6d8bfb74f2dbf999d10f7e00005e794

1 files changed, 2 insertions, 2 deletions

diff --git a/WebContent/VAADIN/themes/valo/shared/_overlay.scss b/WebContent/VAADIN/themes/valo/shared/_overlay.scss
index 0675b70f4e..a5f6e36957 100644
--- a/WebContent/VAADIN/themes/valo/shared/_overlay.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_overlay.scss
@@ -110,7 +110,7 @@ $v-selection-item-selection-color: $v-selection-color !default;
   background-color: $background-color;
   color: valo-font-color($background-color);
 
-  box-shadow:  valo-bevel-and-shadow($bevel: null, $shadow: $shadow);
+  @include box-shadow( valo-bevel-and-shadow($bevel: null, $shadow: $shadow));
 
   @if $v-animations-enabled {
     @if $animate-in {
@@ -200,7 +200,7 @@ $v-selection-item-selection-color: $v-selection-color !default;
 @mixin valo-drag-element-style ($background-color: $v-app-background-color) {
   background: $background-color;
   color: valo-font-color($background-color);
-  box-shadow: 0 2px 10px rgba(#000, .2);
+  @include box-shadow(0 2px 10px rgba(#000, .2));
   border-radius: $v-border-radius;
   overflow: hidden;
   @include opacity(.5);