From f58bd3e40d1dfc1df2c687c3d52be3f1f823bfa1 Mon Sep 17 00:00:00 2001
From: Adam Barth <abarth@chromium.org>
Date: Tue, 24 Feb 2015 11:33:26 -0800
Subject: [PATCH] Add a shadow to the sky-drawer

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/950353003
---
 examples/stocks/stocks.sky | 2 +-
 framework/sky-drawer.sky   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/stocks/stocks.sky b/examples/stocks/stocks.sky
index e90729c61f7..eb6d6d35974 100644
--- a/examples/stocks/stocks.sky
+++ b/examples/stocks/stocks.sky
@@ -49,7 +49,7 @@
       flex: 1;
     }
   </style>
-  <sky-drawer id="drawer">
+  <sky-drawer id="drawer" level="3">
     <sky-drawer-header>
       Stocks
     </sky-drawer-header>
diff --git a/framework/sky-drawer.sky b/framework/sky-drawer.sky
index a772d9874bb..d9a4e9ab7f8 100644
--- a/framework/sky-drawer.sky
+++ b/framework/sky-drawer.sky
@@ -3,10 +3,11 @@
 // 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>
+<sky-element attributes="level:number">
 <template>
   <style>
     #mask {
@@ -63,6 +64,7 @@ class SkyDrawer extends SkyElement implements AnimationDelegate {
   }
 
   void shadowRootReady() {
+    shadow.applyTo(shadowRoot);
     _mask = shadowRoot.getElementById('mask');
     _mask.addEventListener('gesturetap', _handleMaskTap);
     _content = shadowRoot.getElementById('content');