kuohuanhuan
/
x-markdown-css
mirror of https://github.com/kuohuanhuan/x-markdown-css.git
1
0
Fork 0
Code Releases Wiki Activity

feat: separate `$font-display` for more user customization

This commit is contained in:
郭桓桓 2023-03-02 20:11:32 +08:00
parent f967cc6bad
commit 782b6f24e2
Signed by: kuohuanhuan
GPG Key ID: FD846A0A797B0D75
3 changed files with 8 additions and 5 deletions
Show Stats 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 { .markdown-body {
color: var(--xm-c-general); color: var(--xm-c-general);
font-family: var(--xm-font-regular) !important; font-family: var(--xm-font-display) !important;
pre { pre {
&:not(.shiki, .highlight) { &:not(.shiki, .highlight) {
margin: 0; margin: 0;
@ -12,7 +12,7 @@
.highlight { .highlight {
margin: .5rem 0; margin: .5rem 0;
font-size: 1.05rem; font-size: 1.05rem;
font-family: var(--xm-font-code) !important; font-family: var(--xm-font-mono) !important;
line-height: 1.4; line-height: 1.4;
&.shiki-light { &.shiki-light {
background: var(--xm-c-shiki-light) !important; 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); color: var(--xm-c-dark);
font-weight: 600; font-weight: 600;
font-size: .875rem; font-size: .875rem;
font-family: var(--xm-font-code); font-family: var(--xm-font-mono);
&::before, &::before,
&::after { &::after {
content: '`'; 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-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-code: 'DM Mono', 'Fira Code', 'Jetbrains Mono', 'Input Mono', 'Menlo', 'MesloLGS NF', 'Ubuntu', monospace; $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);