single core-toolbar for core-drawer-panel

http://stackoverflow.com/questions/27382341/polymer-layout-toolbar-core-drawer-panel

HTML

<link rel="import" href="http://www.polymer-project.org/0.5/components/polymer/polymer.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/paper-elements/paper-elements.html">
<link rel="import" href="http://www.polymer-project.org/0.5/components/core-elements/core-elements.html">

<body fullbleed layout vertical>
  <core-header-panel flex>
    <core-toolbar>
      <div>Hello World!</div>
    </core-toolbar>
    <div class="content">
      <core-drawer-panel>
        <section drawer>Left</section>
        <section main>Right</section>
      </core-drawer-panel>
    </div>
  </core-header-panel>
</body>

CSS

html,
body {
  height: 100%;
  margin: 0;
}

core-header-panel {
  height: 100%;
}

[drawer] {
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
}

[main] {
  height: 100%;
  background-color: rgb(231, 238, 238);
}