149 lines
3.1 KiB
CSS
149 lines
3.1 KiB
CSS
/*
|
||
* Default theme，适用于 core/mweb-base.scss。
|
||
* 取值参考 chrome 默认样式：
|
||
* https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css
|
||
* 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。
|
||
*/
|
||
/* color */
|
||
/* font & line */
|
||
/* boxing */
|
||
/* elememts */
|
||
/* color */
|
||
/* prism & pre */
|
||
/* font */
|
||
/* header */
|
||
/* spacing */
|
||
/* table */
|
||
.note-to-mp h1,
|
||
.note-to-mp h2,
|
||
.note-to-mp h3,
|
||
.note-to-mp h4,
|
||
.note-to-mp h5,
|
||
.note-to-mp h6 {
|
||
color: #1f2329;
|
||
line-height: 1.4;
|
||
font-weight: 600;
|
||
margin-top: 1em;
|
||
margin-bottom: 0.37em;
|
||
}
|
||
.note-to-mp blockquote {
|
||
display: block;
|
||
margin-left: 0;
|
||
padding-left: 14px;
|
||
border-left: 2px solid #3370ff;
|
||
color: rgba(31, 35, 41, 0.7);
|
||
}
|
||
.note-to-mp a {
|
||
overflow-wrap: break-word;
|
||
word-wrap: break-word;
|
||
white-space: pre-wrap;
|
||
hyphens: auto;
|
||
word-break: break-word;
|
||
color: #3370ff;
|
||
text-decoration: none;
|
||
}
|
||
.note-to-mp hr {
|
||
margin: 13px 0 12px;
|
||
border: 0px;
|
||
height: 1px;
|
||
background-origin: content-box;
|
||
background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196));
|
||
background-repeat: no-repeat;
|
||
}
|
||
.note-to-mp ul > li:not([class*=task-list-item]) {
|
||
word-wrap: break-all;
|
||
padding-left: 12px;
|
||
color: #3370ff;
|
||
}
|
||
.note-to-mp ul > li:not([class*=task-list-item]) > section {
|
||
color: #1f2329;
|
||
}
|
||
.note-to-mp ul > li:not([class*=task-list-item])::marker {
|
||
color: #3370ff;
|
||
}
|
||
.note-to-mp ol > li:not([class*=task-list-item]) {
|
||
word-wrap: break-all;
|
||
padding-left: 12px;
|
||
}
|
||
.note-to-mp ol > li:not([class*=task-list-item]) > section {
|
||
color: #1f2329;
|
||
}
|
||
.note-to-mp ol > li:not([class*=task-list-item])::marker {
|
||
color: #3370ff;
|
||
}
|
||
.note-to-mp li + li,
|
||
.note-to-mp ul ul,
|
||
.note-to-mp ol ul,
|
||
.note-to-mp ul ol,
|
||
.note-to-mp ol ol,
|
||
.note-to-mp li ul,
|
||
.note-to-mp li ol {
|
||
margin-top: 4px;
|
||
}
|
||
.note-to-mp .footnotes hr {
|
||
margin-top: 4em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
.note-to-mp code {
|
||
border-radius: 4px;
|
||
margin-left: 2px;
|
||
margin-right: 2px;
|
||
border: 1px solid #dee0e3;
|
||
background-color: #f5f6f7;
|
||
word-spacing: normal;
|
||
line-height: 1.6em;
|
||
padding: 0 2px;
|
||
}
|
||
.note-to-mp .code-section pre code {
|
||
border: none;
|
||
background-color: transparent;
|
||
line-height: inherit;
|
||
padding: 0;
|
||
margin: 0;
|
||
text-wrap: nowrap;
|
||
}
|
||
.note-to-mp .code-section ul li {
|
||
color: inherit;
|
||
margin: 0;
|
||
}
|
||
|
||
/* 代码块 */
|
||
.note-to-mp .code-section {
|
||
display: flex;
|
||
border: solid 1px #dee0e3;
|
||
margin: 1.5em 0;
|
||
line-height: 26px;
|
||
padding: 0.5em;
|
||
font-family: 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, 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;
|
||
}
|
||
|
||
.note-to-mp strong {
|
||
color: rgb(36, 91, 219);
|
||
} |