2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
|
import{css as e,html as r,raw as l,Component as t}from"wkit";import o from"./core.js";import"../code/index.js";import"../../form/checkbox.js";var m=o;class a extends t{static props={code:{type:String,default:"",attribute:!1}};static styles=e`:host{display:block;line-height:1.5;color:var(--color-dark-1);font-size:14px}a{text-decoration:underline;color:var(--color-teal-2)}a:hover{color:var(--color-teal-1);text-decoration:none}em,del{color:var(--color-grey-2)}strong,strong em,strong{color:var(--color-dark-3)}a strong,a em{color:inherit}em,strong,del{padding:0 2px}p{margin:12px 0}img{max-width:100%}blockquote.md-quote{margin:10px 0;padding:5px 10px;line-height:1.5;border-left:5px solid var(--color-teal-1);background:#f2faf7;color:var(--color-grey-2)}blockquote.md-quote p{margin:0}blockquote.md-quote>blockquote{margin:5px 0;padding:0 10px}hr{height:1px;margin:30px 0;border:0;border-top:1px dashed var(--color-plain-3)}ol{margin-left:1em;list-style:decimal outside none}ul{margin-left:1em;list-style:disc outside none}li{margin:.5em 0}li ol{margin-left:1em}li ul{margin-left:1em;list-style-type:circle}li ol ul,li ul ul{list-style-type:square}h1,h2,h3,h4,h5,h6{margin:15px 0;line-height:2;font-weight:bold;font-size:16px}h1 code.inline,h2 code.inline,h3 code.inline,h4 code.inline,h5 code.inline,h6 code.inline{background:none}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#333}h3 a::before,h4 a::before,h5 a::before,h6 a::before{content:"∮ ";color:var(--color-teal-1);font-weight:normal}h1{margin:0 0 30px;font-size:24px;text-align:center}h2{margin:20px 0;font-size:22px;border-bottom:1px solid var(--color-plain-2)}h3{margin:20px 0 15px;font-size:20px}h4{font-size:18px}table{width:100%;border-spacing:0;border-collapse:collapse}table tr{background:#fff}table thead tr{background:var(--color-plain-1)}table th,table td{padding:6px 13px;border:1px solid var(--color-plain-2);vertical-align:middle}table th{font-weight:bold}table tr:nth-child(2n){background:#fcfdff}code.inline{display:inline;margin:0 2px;padding:0 2px;color:var(--color-red-1);background:var(--color-plain-1);border-radius:2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}`;render(){return r`<div class="container">${l(o(this.code))}</div>`}}a.reg("markd");export{m as default};
|