third_party/polymer/components-chromium/core-style/elements.html

   1 <link rel="import" href="core-style.html">
   2
   3 <core-style id="my-toolbar">
   4   :host {
   5     height: 54px;
   6     font-size: 1.3rem;
   7     background-color: steelblue;
   8     color: white;
   9   }
  10
  11   polyfill-next-selector {
  12     content: &apos;:host &gt; *&apos;;
  13   }
  14   ::content &gt; * {
  15     margin: 8px;
  16   }
  17 </core-style>
  18
  19 <polymer-element name="my-toolbar" horizontal="" center="" layout="" assetpath="">
  20   <template>
  21     <core-style ref="my-toolbar"></core-style>
  22     <content></content>
  23   </template>
  24 </polymer-element>
  25
  26 <core-style id="my-panel">
  27   :host {
  28     display: inline-block;
  29     height: 200px;
  30     width: calc({{ 100 / g.columns }}% - 16px);
  31     font-size: 50px;
  32     background: gray;
  33     margin: 8px;
  34   }
  35 </core-style>
  36
  37
  38
  39 <polymer-element name="my-panel" vertical="" center="" center-justified="" layout="" assetpath="">
  40   <template>
  41     <core-style ref="my-panel"></core-style>
  42     <content></content>
  43   </template>
  44 </polymer-element><script src="elements-extracted.js"></script>