wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-09-11 12:51:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

WIP most components now on Shadow DOM

Browse Source
This commit is contained in:
Ludwig Schubert
2017-07-27 17:44:18 -07:00
parent 291864acae
commit 7d48a5d6e8
22 changed files with 2246 additions and 661 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/d-appendix.js
+24 -28
View File
@@ -1,38 +1,34 @@
import {Template} from "../mixins/template";
import {page} from "./layout";
import { Template } from "../mixins/template";
import { page } from "./layout";
const T = Template("d-appendix", `
<style>
d-appendix {
display: block;
font-size: 13px;
line-height: 1.7em;
margin-bottom: 0;
border-top: 1px solid rgba(0,0,0,0.1);
color: rgba(0,0,0,0.5);
background: rgb(250, 250, 250);
padding-top: 36px;
padding-bottom: 48px;
}
${page("d-appendix p, d-appendix h3, d-appendix pre")}
d-appendix h3 {
font-size: 15px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 0;
color: rgba(0,0,0,0.65);
line-height: 1em;
}
d-appendix a {
color: rgba(0, 0, 0, 0.6);
}
:host {
display: block;
font-size: 13px;
line-height: 1.7em;
margin-bottom: 0;
border-top: 1px solid rgba(0,0,0,0.1);
color: rgba(0,0,0,0.5);
background: rgb(250, 250, 250);
padding-top: 36px;
padding-bottom: 48px;
}
${page(".l-body")}
</style>
<!-- slot -->
<d-references></d-references>
`, false);
<div class="l-body">
<slot></slot>
</div>
`);
export default class Appendix extends T(HTMLElement) {
static get is() { return "d-appendix"; }
}
customElements.define(Appendix.is, Appendix);