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

2 files changed, 5 insertions, 5 deletions

diff --git a/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss b/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
index 4adaf9a2a9..09d29b7d9f 100644
--- a/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
+++ b/WebContent/VAADIN/themes/valo/optional/_common-stylenames.scss
@@ -424,7 +424,7 @@
   .v-accordion-borderless {
     border: none;
     border-radius: 0;
-    box-shadow: none;
+    @include box-shadow(none);
 
     > .v-accordion-item {
       border-radius: 0;
diff --git a/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss b/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
index 30e390c7fe..f3377f232c 100644
--- a/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
+++ b/WebContent/VAADIN/themes/valo/optional/_valo-menu.scss
@@ -49,19 +49,19 @@ $valo-menu-background-color: null !default;
       padding: round($v-unit-size/3) round($v-unit-size/2);
       font-size: round($v-font-size * 0.9);
       border-bottom: valo-border($color: $v-selection-color);
-      box-shadow: valo-bevel-and-shadow($shadow: $v-shadow);
+      @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow));
 
       .v-menubar {
         background: transparent;
         border-color: first-color(valo-border($color: $v-selection-color));
         color: inherit;
-        box-shadow: none;
+        @include box-shadow(none);
         text-shadow: inherit;
       }
 
       .v-menubar-menuitem {
         background: transparent;
-        box-shadow: valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-selection-color, $gradient: $v-gradient);
+        @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-selection-color, $gradient: $v-gradient));
         text-shadow: inherit;
         font-size: $v-font-size;
         border-color: inherit;
@@ -207,7 +207,7 @@ $valo-menu-background-color: null !default;
       font-size: round($v-unit-size/1.5);
       line-height: round($v-unit-size * 1.2);
       margin: round($v-unit-size/2) auto;
-      box-shadow: valo-bevel-and-shadow($shadow: $v-shadow);
+      @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow));
     }
   }