36 lines
1.3 KiB
HTML
36 lines
1.3 KiB
HTML
<!--
|
|
@license
|
|
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
Code distributed by Google as part of the polymer project is also
|
|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
-->
|
|
<link rel="import" href="../components/polymer/polymer.html">
|
|
<link rel="import" href="../components/core-media-query/core-media-query.html">
|
|
|
|
<polymer-element name="site-banner" attributes="shortname">
|
|
<template>
|
|
<link rel="stylesheet" href="../css/elements/site-banner.css">
|
|
<core-media-query query="max-width: 581px" queryMatches="{{isPhone}}"></core-media-query>
|
|
<template if="{{isPhone && shortname}}">
|
|
<header id="internalheader">
|
|
<h2>{{shortname}}</h2>
|
|
</header>
|
|
</template>
|
|
<content></content>
|
|
</template>
|
|
<script>
|
|
(function() {
|
|
Polymer({
|
|
shortname: '',
|
|
// type: 'default',
|
|
isPhone: false,
|
|
isPhoneChanged: function() {
|
|
this.parentElement.classList.toggle('mobile', this.isPhone);
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
</polymer-element>
|