third_party/polymer/components-chromium/core-style/elements.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 --><html><head><link rel="import" href="core-style.html">
  10
  11 </head><body><core-style id="my-toolbar">
  12   :host {
  13     height: 54px;
  14     font-size: 1.3rem;
  15     background-color: steelblue;
  16     color: white;
  17   }
  18
  19   polyfill-next-selector {
  20     content: ':host &gt; *';
  21   }
  22   ::content &gt; * {
  23     margin: 8px;
  24   }
  25 </core-style>
  26
  27 <polymer-element name="my-toolbar" horizontal="" center="" layout="" assetpath="">
  28   <template>
  29     <core-style ref="my-toolbar"></core-style>
  30     <content></content>
  31   </template>
  32 </polymer-element>
  33
  34 <core-style id="my-panel">
  35   :host {
  36     display: inline-block;
  37     height: 200px;
  38     width: calc({{ 100 / g.columns }}% - 16px);
  39     font-size: 50px;
  40     background: gray;
  41     margin: 8px;
  42   }
  43 </core-style>
  44
  45
  46
  47 <polymer-element name="my-panel" vertical="" center="" center-justified="" layout="" assetpath="">
  48   <template>
  49     <core-style ref="my-panel"></core-style>
  50     <content></content>
  51   </template>
  52 </polymer-element>
  53 <script charset="utf-8" src="elements-extracted.js"></script></body></html>