sky-element stocks demo: add splashes and highlights to menu items

sky/framework/sky-drawer.sky

 <!--
 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
 <import src="shadow.sky" as="shadow" />
 <import src="sky-element.sky" />
 <import src="sky-scrollable.sky" />
 
 <sky-element attributes="level:number">
 <template>
   <style>
     #mask {
       background-color: black;
       will-change: opacity;
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
     }
     #content {
       background-color: #FAFAFA;
       will-change: transform;
       position: absolute;
+      z-index: 2;
       width: 256px;
       top: 0;
       left: 0;
       bottom: 0;
     }
   </style>
   <div id="mask" />
   <div id="content">
     <content/>
   </div>
@@ skipping 120 matching lines @@
       begin: currentPosition,
       end: targetPosition,
       duration: duration,
       curve: linear);
   }
 }
 
 _init(script) => register(script, SkyDrawer);
 </script>
 </sky-element>