designer

designer.html

<link rel="import" href="../components/polymer/polymer.html">

<polymer-element name="post-card">

  <template>
    <style>    
      :host {
        display: block;
        position: relative;
        padding: 20px;
        width: 100%;
        font-size: 1.2rem;
        font-weight: 300;
        background-color: white;
      }
      .card-header {
        margin-bottom: 10px;
      }
      polyfill-next-selector {
        content: '.card-header h2';
      }
      .card-header ::content h2 {
        margin: 0px;
        font-size: 1.8rem;
        font-weight: 300;
      }
      polyfill-next-selector {
        content: '.card-header img';
      }
      .card-header ::content img {
        width: 70px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        margin: 10px;
      }
      core-icon-button {
        position: absolute;
        top: 3px;
        right: 3px;
        fill: rgb(0, 0, 255);
      }
    </style>
    
    <div class="card-header" layout horizontal center>
      <content select="img"></content>
      <content select="h2"></content>
    </div>
    
    
  </template>

  <script>

    Polymer('post-card', {
      
    });

  </script>

</polymer-element>