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..71d9630390d20052c8404308246b930e407872a9
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
@@ -0,0 +1,19 @@
+<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">
+    <!-- TODO(michaelpg): Create a new user card component. -->
+    <div id="user-card" class="medium" layout horizontal center>
+      <img src="{{user.iconUrl}}">
+      <div flex>
+        <div class="name">{{user.name}}</div>
+        <div class="email">{{user.email}}</div>
+      </div>
+    </div>
+    <cr-settings-menu flex selectedId="{{selectedId}}" pages="{{pages}}">

[Oren Blasberg, 2015/03/12 18:58:17]

Side note:  As I am learning polymer I'm starting to expect certain 'magic'
things and am a bit surprised that new attributes like 'selectedId' aren't
automatically converted from camelCase in the JS, to dashed-notation in the html
 :P   I wonder if that's in the pipe for them.

[michaelpg, 2015/03/13 00:47:01]

Yeah! Attribute conversion to camelCase already exists in 0.8. There's nothing
for this.$ yet so I filed: https://github.com/Polymer/polymer/issues/1290

+    </cr-settings-menu>
+  </template>
+  <script src="settings_drawer.js"></script>
+</polymer-element>