designer

designer.html

<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../paper-checkbox/paper-checkbox.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      h1 {
        margin-left: 16px;
      }
      #space paper-checkbox {
        margin: 12px 38px 12px 0px;
      }
    </style>
    <div id="squished">
      <h1 id="h1">Squished Checkboxes</h1>
      <core-label>
        <paper-item id="paper_item">
          <paper-checkbox id="paper_checkbox" for></paper-checkbox>
          <div id="div">Item 1</div>
        </paper-item>
      </core-label>
      <core-label>
        <paper-item id="paper_item1">
          <paper-checkbox id="paper_checkbox1" for></paper-checkbox>
          <div id="div">Item 2</div>
        </paper-item>
      </core-label>
    </div>
    <div id="space">
      <h1>Checkboxes with space</h1>
      <core-label>
        <paper-item id="paper_item2">
          <paper-checkbox id="paper_checkbox" for></paper-checkbox>
          <div id="div">Item 3</div>
        </paper-item>
      </core-label>
      <core-label>
        <paper-item>
          <paper-checkbox id="paper_checkbox1" for></paper-checkbox>
          <div id="div">Item 4</div>
        </paper-item>
      </core-label>
    </div>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>