Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_drawer/settings_drawer.html

Index: chrome/browser/resources/settings/settings_drawer/settings_drawer.html
diff --git a/chrome/browser/resources/settings/settings_drawer/settings_drawer.html b/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
new file mode 100644
index 0000000000000000000000000000000000000000..8ae14c0a052b3e4f802efa9928c0303c99497cee
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
@@ -0,0 +1,18 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://md-settings/settings_menu/settings_menu.html">
+
+<polymer-element name="cr-settings-drawer" layout vertical>
+  <template>
+    <link rel="stylesheet" href="settings_drawer.css">
+    <div id="user-card" class="medium" horizontal layout center>

[stevenjb, 2015/03/10 17:22:53]

nit: 'layout vertical' above, 'horizontal layout' here. (I know it doesn't
matter, just a little confusing to read).

Also, does it make sense to make the user card its own component? I don't know
if we'll ever use it elsewhere, but it does feel rather componenty.

[michaelpg, 2015/03/12 01:41:39]

Done.
Yes. I think it would add more noise to this CL though, so I've added a TODO.

+      <img src="{{user.avatar}}">
+      <div flex>
+        <div class="name">{{user.name}}</div>
+        <div class="email">{{user.email}}</div>
+      </div>
+    </div>
+    <cr-settings-menu selectedIndex="{{selectedIndex}}" pages="{{pages}}" flex>
+    </cr-settings-menu>
+  </template>
+  <script src="settings_drawer.js"></script>
+</polymer-element>