fantasticit
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: improve img style

pull/25/head
fantasticit 2022-04-03 20:21:48 +08:00
parent c5adad8b37
commit a3f07e05a8
2 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/client/src/tiptap/styles/base.scss
View File

@ -1,18 +1,8 @@
.ProseMirror { .ProseMirror {
font-family: font-family: 'Chinese Quote', 'Segoe UI', Roboto, RobotoNum, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
'Chinese Quote', 'Helvetica Neue', Helvetica, Arial, sans-serif;
'Segoe UI',
Roboto,
RobotoNum,
'PingFang SC',
'Hiragino Sans GB',
'Microsoft YaHei',
'Helvetica Neue',
Helvetica,
Arial,
sans-serif;
line-height: 1.74; line-height: 1.74;
letter-spacing: .008em; letter-spacing: 0.008em;
color: var(--semi-color-text-0); color: var(--semi-color-text-0);
word-break: break-word; word-break: break-word;
word-wrap: break-word; word-wrap: break-word;
@ -34,19 +24,19 @@
} }
p { p {
margin-top: .75rem; margin-top: 0.75rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1em; font-size: 1em;
font-weight: normal; font-weight: normal;
line-height: 1.714; line-height: 1.714;
letter-spacing: -.005em; letter-spacing: -0.005em;
} }
blockquote { blockquote {
box-sizing: border-box; box-sizing: border-box;
padding-left: 10px; padding-left: 10px;
border-left: 2px solid var(--semi-color-fill-2); border-left: 2px solid var(--semi-color-fill-2);
margin: .75rem 0; margin: 0.75rem 0;
} }
hr { hr {
@ -80,3 +70,11 @@
/* stylelint-disable-next-line declaration-block-no-duplicate-properties */ /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
cursor: col-resize; cursor: col-resize;
} }
body[theme-mode='dark'] {
.ProseMirror {
img {
opacity: 0.75;
}
}
}

4
packages/client/src/tiptap/styles/code.scss
View File

@ -280,8 +280,4 @@ body[theme-mode='dark'] {
color: #ffdcd7; color: #ffdcd7;
background-color: #67060c; background-color: #67060c;
} }
img {
opacity: 0.75;
}
} }