post-card.html

<link rel="import" href="/components/polymer/polymer.html">
<link rel="import" href="/components/core-icon-button/core-icon-button.html">

<polymer-element name="post-card">
  <template>
    <style>
    :host {
      display: block;
      position: relative;
      background-color: white;
      padding: 20px;
      width: 100%;
      font-size: 1.2rem;
      font-weight: 300;
    }
    .card-header {
      margin-bottom: 10px;
    }
    polyfill-next-selector { content: '.card-header h3'; }
    .card-header ::content h3 {
      font-size: 1.4rem;
      font-weight: 500;
      margin: 0px;
    }
    
    polyfill-next-selector { content: '.card-header h2'; }
    .card-header ::content h2 {
      font-size: 1.8rem;
      font-weight: 300;
      margin: 0px;
    }
    polyfill-next-selector { content: '.card-header img'; }
    .card-header ::content img {
      width: 70px;
      border-radius: 50%;
      margin: 10px;
    }
    
    </style>

    <!-- CARD CONTENTS GO HERE -->
    <div class="card-header" layout horizontal center>
      <content select="img"></content>
      <div vertical>
        <div><content select="h2"></content></div>
        <div><content select="h3"></content></div>
      </div>
    </div>
    <content></content>    


  </template>
  <script>
  Polymer({});
  </script>
</polymer-element>