third_party/polymer/components/core-scaffold/metadata.html

   1 <!--
   2     @license
   3     Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   4     This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   5     The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   6     The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   7     Code distributed by Google as part of the polymer project is also
   8     subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   9 -->
  10 <x-meta id="core-scaffold" label="Scaffold" isContainer group="Core">
  11
  12   <template>
  13
  14     <core-scaffold style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">
  15
  16       <core-header-panel navigation flex mode="seamed" style="background-color: #fff;">
  17
  18         <core-toolbar style="background-color: #4F7DC9 ; color: #fff;"></core-toolbar>
  19
  20         <core-menu valueattr="label" style="font-size: 16px;" theme="core-light-theme">
  21           <core-item icon="settings" label="Item1"></core-item>
  22           <core-item icon="settings" label="Item2"></core-item>
  23         </core-menu>
  24
  25       </core-header-panel>
  26
  27       <div tool>Title</div>
  28
  29     </core-scaffold>
  30
  31   </template>
  32
  33   <template id="imports">
  34
  35     <link rel="import" href="core-scaffold.html">
  36     <link rel="import" href="../core-header-panel/core-header-panel.html">
  37     <link rel="import" href="../core-menu/core-menu.html">
  38     <link rel="import" href="../core-item/core-item.html">
  39
  40   </template>
  41
  42 </x-meta>
  43
  44 <x-meta id="core-card" label="Card" isContainer group="Core">
  45
  46   <template>
  47
  48     <core-card style="position: absolute; width: 300px; height: 300px; background-color: #fff; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;" layout vertical></core-card>
  49
  50   </template>
  51
  52 </x-meta>