designer

designer.html

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

<polymer-element name="site-banner" attributes="shortname">

  <template>
    <style>    
    </style>
    <link rel="stylesheet" href="../css/elements/site-banner.css"></link>
    <core-media-query query="max-width: 581px" querymatches="{{isPhone}}"></core-media-query>
    <template if="{{isPhone && shortname}}"></template>
    <content></content>
  </template>

  <script>

    Polymer('site-banner', {
      shortname: '',
      isPhone: false,
      isPhoneChanged: function () {
        this.parentElement.classList.toggle('mobile', this.isPhone);
      }
    });

  </script>

</polymer-element>