kuohuanhuan/x-markdown-css
1
0
Fork 0
mirror of https://github.com/kuohuanhuan/x-markdown-css.git synced 2024-11-25 06:18:19 +00:00
Code Releases Wiki Activity

feat: separate $font-display for more user customization

Browse Source
This commit is contained in:
郭桓桓
2023-03-02 20:11:32 +08:00
parent f967cc6bad
commit 782b6f24e2
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/markdown.scss
View File

@ -1,6 +1,6 @@
.markdown-body {
color: var(--xm-c-general);
font-family: var(--xm-font-regular) !important;
font-family: var(--xm-font-display) !important;
pre {
&:not(.shiki, .highlight) {
margin: 0;
@ -12,7 +12,7 @@
.highlight {
margin: .5rem 0;
font-size: 1.05rem;
font-family: var(--xm-font-code) !important;
font-family: var(--xm-font-mono) !important;
line-height: 1.4;
&.shiki-light {
background: var(--xm-c-shiki-light) !important;

2
src/scss/partial/code.scss
View File

@ -2,7 +2,7 @@ code {
color: var(--xm-c-dark);
font-weight: 600;
font-size: .875rem;
font-family: var(--xm-font-code);
font-family: var(--xm-font-mono);
&::before,
&::after {
content: '`';

7
src/scss/variables/_constants.scss
View File

@ -1,2 +1,5 @@
$font-regular: 'Open Sans', 'Inter', 'Roboto', 'Helvetica', 'Arial', 'Sarasa Gothic TC', 'Sarasa Gothic SC', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', -apple-system, sans-serif;
$font-code: 'DM Mono', 'Fira Code', 'Jetbrains Mono', 'Input Mono', 'Menlo', 'MesloLGS NF', 'Ubuntu', monospace;
$font-sans: 'Open Sans', 'Inter', 'Roboto', 'Helvetica', 'Arial', 'Sarasa Gothic TC', 'Sarasa Gothic SC', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', -apple-system, sans-serif;
$font-serif: 'Merriweather', 'Georgia', 'Times New Roman', 'Times', 'Source Han Serif Traditional Chinese', 'Source Han Serif Simplified Chinese', 'Noto Serif TC', 'Noto Serif SC', serif;
$font-mono: 'DM Mono', 'Fira Code', 'Jetbrains Mono', 'Input Mono', 'Menlo', 'MesloLGS NF', 'Ubuntu', monospace;
$font-display: var(--xm-font-sans);