designer

designer.html

<link rel="import" href="../code-mirror/code-mirror.html">


<link rel="import" href="../core-splitter/core-splitter.html">


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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #container{
      	width: 100%;
        height: 100%;
      }
    </style>
    <div horizontal layout id="container">
      <code-mirror></code-mirror>
      <core-splitter direction="left"></core-splitter>
      <code-mirror flex></code-mirror>
      <core-splitter direction="right"></core-splitter>
      <code-mirror></code-mirror>
    </div>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>