Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
92 lines
No EOL
2 KiB
JavaScript
92 lines
No EOL
2 KiB
JavaScript
;;;;;(function(define){'use strict';define(function(require,exports,module){var component=require('gaia-component');module.exports=component.register('gaia-sub-header',{created:function(){this.setupShadowRoot();},template:`
|
|
<div class="inner">
|
|
<div class="line"></div>
|
|
<div class="text"><content></content></div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
:host {
|
|
display: block;
|
|
margin: 20px 17px 0 17px;
|
|
background: var(--background);
|
|
}
|
|
|
|
.inner {
|
|
position: relative;
|
|
text-align: center;
|
|
height: 20px;
|
|
}
|
|
|
|
.line {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
|
|
display: block;
|
|
height: 2px;
|
|
width: 100%;
|
|
margin-top: -1px;
|
|
|
|
background:
|
|
var(--border-color,
|
|
var(--background-plus));
|
|
}
|
|
|
|
.text {
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
padding: 0 14px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
background: var(--background);
|
|
color:
|
|
var(--title-color,
|
|
var(--text-color));
|
|
}
|
|
|
|
a,
|
|
button {
|
|
position: relative;
|
|
|
|
display: block;
|
|
-moz-padding-end: 16px;
|
|
|
|
font: inherit;
|
|
cursor: pointer;
|
|
color:
|
|
var(--highlight-color);
|
|
}
|
|
|
|
/**
|
|
* :active
|
|
*/
|
|
|
|
a:active,
|
|
button:active {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
a:after,
|
|
button:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 0px;
|
|
|
|
width: 0px;
|
|
height: 0px;
|
|
border-bottom: 8px solid;
|
|
-moz-border-end: 8px solid transparent;
|
|
|
|
border-bottom-color:
|
|
var(--highlight-color,
|
|
var(--color-zeta))
|
|
}
|
|
|
|
</style>`});});})((function(n,w){'use strict';return typeof define=='function'&&define.amd?define:typeof module=='object'?function(c){c(require,exports,module);}:function(c){var m={exports:{}},r=function(n){return w[n];};w[n]=c(r,m.exports,m)||m.exports;};})('gaia-sub-header',this)); |