@haxtheweb/haxcms-nodejs
Version:
HAXcms single and multisite nodejs server, api, and administration
59 lines (52 loc) • 2 kB
JavaScript
/**
@license
Copyright (c) 2016 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
*/
import"../../../polymer/polymer-legacy.js";import{Polymer as e}from"../../../polymer/lib/legacy/polymer-fn.js";import{html as t}from"../../../polymer/lib/utils/html-tag.js";import{AppScrollEffectsBehavior as o}from"../app-scroll-effects-behavior.js";e({_template:t`
<style>
:host {
position: relative;
display: block;
}
#background,
#backgroundFrontLayer,
#backgroundRearLayer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#backgroundFrontLayer {
bottom: -200px;
}
#mainTitle, #condensedTitle {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
position: absolute;
}
#mainTitle {
height: 18px;
top: 0;
left: 0;
}
#condensedTitle {
height: 37px;
top: 100px;
left: 100px;
}
</style>
<div id="background"></div>
<div id="backgroundFrontLayer"></div>
<div id="backgroundRearLayer"></div>
<h4 id="mainTitle">Title</h4>
<h1 id="condensedTitle">Condensed title</h1>
`,is:"x-container",behaviors:[o],properties:{shadow:{type:Boolean,reflectToAttribute:!0}},observers:["_xScrollEffectChanged(effects)"],_getDOMRef:function(e){return this.$[e]||null},_updateScrollState:function(e){this._runEffects(e/this.offsetHeight,e)},_xScrollEffectChanged:function(){this._updateScrollState(this._scrollTop)}});