discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

[WiP] add font styles

Browse Source
This commit is contained in:
ilya-bkv 2023-02-11 13:31:28 +03:00
parent 4f47409d5e
commit 9cf2ffa1c9
2 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/EditorNew/Editor.tsx
View File

@ -62,6 +62,7 @@ export const Editor = (props: Props) => {
dispatchTransaction dispatchTransaction
}) })
editorViewRef.current.dom.classList.add('createArticle')
editorViewRef.current.focus() editorViewRef.current.focus()
}) })

31
src/components/EditorNew/prosemirror/styles/ProseMirror.scss
View File

@ -1,4 +1,4 @@
.ProseMirror { .ProseMirror.createArticle {
color: var(--foreground); color: var(--foreground);
background-color: var(--background); background-color: var(--background);
position: relative; position: relative;
@ -7,6 +7,35 @@
font-variant-ligatures: none; font-variant-ligatures: none;
outline: none; outline: none;
//font styles
h1 {
margin: 0 0 16px 0;
font-weight: 700;
font-size: 44px;
line-height: 50px;
}
h2 {
margin: 0 0 16px 0;
font-weight: 400;
font-size: 44px;
line-height: 50px;
}
h3 {
margin: 0 0 16px 0;
font-weight: 400;
font-size: 34px;
line-height: 40px;
}
p {
margin: 0 0 16px 0;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.dark & { .dark & {
color: var(--background); color: var(--background);
background-color: var(--foreground); background-color: var(--foreground);