mirror of
https://github.com/woodchen-ink/md-wechat.git
synced 2025-07-18 13:42:02 +08:00
193 lines
3.8 KiB
JavaScript
193 lines
3.8 KiB
JavaScript
let baseColor = "#3f3f3f"
|
|
|
|
export default {
|
|
BASE: {
|
|
"text-align": "left",
|
|
"line-height": "1.75"
|
|
},
|
|
block: {
|
|
// 一级标题样式
|
|
h1: {
|
|
"font-size": "1.2em",
|
|
"text-align": "center",
|
|
"font-weight": "bold",
|
|
display: "table",
|
|
margin: "2em auto 1em",
|
|
padding: "0 1em",
|
|
"border-bottom": "2px solid rgba(0, 152, 116, 0.9)",
|
|
color: baseColor,
|
|
},
|
|
|
|
// 二级标题样式
|
|
h2: {
|
|
"font-size": "1.2em",
|
|
"text-align": "center",
|
|
"font-weight": "bold",
|
|
display: "table",
|
|
margin: "4em auto 2em",
|
|
padding: "0 0.2em",
|
|
background: "rgba(0, 152, 116, 0.9)",
|
|
color: "#fff",
|
|
},
|
|
|
|
// 三级标题样式
|
|
h3: {
|
|
"font-weight": "bold",
|
|
"font-size": "1.1em",
|
|
margin: "2em 8px 0.75em 0",
|
|
"line-height": "1.2",
|
|
"padding-left": "8px",
|
|
"border-left": "3px solid rgba(0, 152, 116, 0.9)",
|
|
color: baseColor,
|
|
},
|
|
|
|
// 四级标题样式
|
|
h4: {
|
|
"font-weight": "bold",
|
|
"font-size": "1em",
|
|
margin: "2em 8px 0.5em",
|
|
color: "rgba(66, 185, 131, 0.9)",
|
|
},
|
|
|
|
// 段落样式
|
|
p: {
|
|
margin: "1.5em 8px",
|
|
"letter-spacing": "0.1em",
|
|
color: baseColor,
|
|
},
|
|
|
|
// 引用样式
|
|
blockquote: {
|
|
"font-style": "normal",
|
|
"border-left": "none",
|
|
padding: "1em",
|
|
"border-radius": "8px",
|
|
color: "rgba(0,0,0,0.5)",
|
|
background: "#f7f7f7",
|
|
margin: "2em 8px",
|
|
},
|
|
|
|
blockquote_p: {
|
|
"letter-spacing": "0.1em",
|
|
color: "rgb(80, 80, 80)",
|
|
"font-size": "1em",
|
|
display: "block",
|
|
},
|
|
code_pre: {
|
|
"font-size": "14px",
|
|
"overflow-x": "auto",
|
|
"border-radius": "8px",
|
|
padding: "1em",
|
|
"line-height": "1.5",
|
|
margin: "10px 8px"
|
|
},
|
|
code: {
|
|
"margin": 0,
|
|
"white-space": "nowrap",
|
|
"font-family": "Menlo, Operator Mono, Consolas, Monaco, monospace"
|
|
},
|
|
|
|
image: {
|
|
"border-radius": "4px",
|
|
display: "block",
|
|
margin: "0.1em auto 0.5em",
|
|
width: "100% !important",
|
|
},
|
|
|
|
ol: {
|
|
"margin-left": "0",
|
|
"padding-left": "1em",
|
|
color: baseColor,
|
|
},
|
|
|
|
ul: {
|
|
"margin-left": "0",
|
|
"padding-left": "1em",
|
|
"list-style": "circle",
|
|
color: baseColor,
|
|
},
|
|
|
|
footnotes: {
|
|
margin: "0.5em 8px",
|
|
"font-size": "80%",
|
|
color: baseColor,
|
|
},
|
|
|
|
figure: {
|
|
margin: "1.5em 8px",
|
|
color: baseColor,
|
|
},
|
|
hr: {
|
|
"border-style": "solid",
|
|
"border-width": "1px 0 0",
|
|
"border-color": "rgba(0,0,0,0.1)",
|
|
"-webkit-transform-origin": "0 0",
|
|
"-webkit-transform": "scale(1, 0.5)",
|
|
"transform-origin": "0 0",
|
|
transform: "scale(1, 0.5)",
|
|
},
|
|
},
|
|
inline: {
|
|
listitem: {
|
|
"text-indent": "-1em",
|
|
display: "block",
|
|
margin: "0.2em 8px",
|
|
color: baseColor,
|
|
},
|
|
|
|
codespan: {
|
|
"font-size": "90%",
|
|
"white-space": "pre",
|
|
color: "#d14",
|
|
background: "rgba(27,31,35,.05)",
|
|
padding: "3px 5px",
|
|
"border-radius": "4px",
|
|
},
|
|
|
|
link: {
|
|
color: "#576b95",
|
|
},
|
|
|
|
wx_link: {
|
|
color: "#576b95",
|
|
"text-decoration": "none",
|
|
},
|
|
|
|
// 字体加粗样式
|
|
strong: {
|
|
color: "rgba(15, 76, 129, 0.9)",
|
|
"font-weight": "bold",
|
|
},
|
|
|
|
table: {
|
|
"border-collapse": "collapse",
|
|
"text-align": "center",
|
|
margin: "1em 8px",
|
|
color: baseColor,
|
|
},
|
|
|
|
thead: {
|
|
background: "rgba(0, 0, 0, 0.05)",
|
|
"font-weight": "bold",
|
|
color: baseColor,
|
|
},
|
|
|
|
td: {
|
|
border: "1px solid #dfdfdf",
|
|
padding: "0.25em 0.5em",
|
|
color: baseColor,
|
|
},
|
|
|
|
footnote: {
|
|
"font-size": "12px",
|
|
color: baseColor,
|
|
},
|
|
|
|
figcaption: {
|
|
"text-align": "center",
|
|
color: "#888",
|
|
"font-size": "0.8em",
|
|
},
|
|
},
|
|
};
|