/* * PrismJS default theme * 这个文件只应该包含变量 */ /* * Default bear theme,适用于 core/mweb-bear.scss。 * 所有 bear 主题,只需 import 这个文件,然后修改配色方案即可。 */ /* font */ /* container */ /* spacing */ /* color */ /* other */ /** * 在 bear 的主题中,某些变量的取值和其他变量是绑定的。 * 统一写在这里,这个文件应该在变量文件的最后被引入。 */ /** * Bear 的默认样式表。通过调整各个颜色变量的取值,就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ .note-to-mp { font-size: 16px; color: rgb(66, 63, 55); background-color: rgb(251, 250, 240); line-height: 1.6em; margin: 0 0; padding: 1em 1em; } .note-to-mp p, .note-to-mp pre, .note-to-mp dl, .note-to-mp form, .note-to-mp details, .note-to-mp dl, .note-to-mp blockquote, .note-to-mp table, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing, .note-to-mp figure { margin: 0.75em 0 0.45em; } .note-to-mp hr { margin: 0.75em auto; } .note-to-mp h1, .note-to-mp h2, .note-to-mp h3, .note-to-mp h4, .note-to-mp h5, .note-to-mp h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; margin-right: 0; font-weight: 600; line-height: 1.5em; color: rgb(43, 100, 81); } .note-to-mp h1 { font-size: 1.5em; } .note-to-mp h2 { font-size: 1.3em; } .note-to-mp h3 { font-size: 1.1em; } .note-to-mp h4 { font-size: 1em; } .note-to-mp h5 { font-size: 1em; } .note-to-mp h6 { font-size: 1em; } .note-to-mp hr { height: 1px; border: 0; background-color: rgb(221, 219, 214); border-style: inset; border-width: 1px; } .note-to-mp p { margin-left: 0; margin-right: 0; } .note-to-mp pre { padding: 0; border: 0; } .note-to-mp blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(149, 175, 163); color: rgb(66, 63, 55); } .note-to-mp blockquote > :first-child { margin-top: 0; } .note-to-mp blockquote > :last-child { margin-bottom: 0; } .note-to-mp li { word-wrap: break-all; } .note-to-mp ul { margin-left: 1.3em; padding: 0; } .note-to-mp li::marker { color: rgb(149, 175, 163); } .note-to-mp li > p { margin: 0; } .note-to-mp ol { padding-left: 1.3em; list-style-type: decimal; } .note-to-mp img { max-width: 100%; height: auto; } .note-to-mp u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(149, 175, 163) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } .note-to-mp a { color: rgb(33, 95, 79); text-decoration: none; } .note-to-mp a img { border: none; } .note-to-mp b, .note-to-mp strong { font-weight: bold; } .note-to-mp i, .note-to-mp cite, .note-to-mp em, .note-to-mp var, .note-to-mp address, .note-to-mp dfn { font-style: italic; } .note-to-mp del, .note-to-mp s { color: rgb(126, 150, 143); } .note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing, .note-to-mp code, .note-to-mp kbd, .note-to-mp tt, .note-to-mp samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } .note-to-mp mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(249, 220, 175); } .note-to-mp figcaption { text-align: center; } .note-to-mp table { color: rgb(89, 88, 82); border-collapse: collapse; background-color: rgb(254, 254, 248); border-spacing: 2px; font-size: 1em; border: 1px; border-spacing: 0; } .note-to-mp th, .note-to-mp td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(221, 219, 214); } .note-to-mp caption, .note-to-mp th, .note-to-mp td { text-align: left; font-weight: normal; vertical-align: middle; } .note-to-mp .footnotes > ol li { text-indent: 0; } .note-to-mp .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } .note-to-mp code { display: inline; color: rgb(89, 88, 82); } /* 代码块 */ .note-to-mp .code-section { display: flex; border: solid 1px rgb(221, 219, 214); margin: 1.5em 0; line-height: 26px; padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } .note-to-mp .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; white-space: normal; overflow-x: auto; padding: 0 0 0 1em; } .note-to-mp .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } .note-to-mp .code-section ul { margin: 0; padding: 0; margin-block-start: 0; margin-block-end: 0; width: fit-content; flex-shrink: 0; height: 100%; line-height: 26px; list-style-type: none; } .note-to-mp .code-section ul > li { text-align: right; }