From: Adam Dullage Date: Mon, 27 Nov 2023 12:47:49 +0000 (+0000) Subject: Typography X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=d3717a95abdc10666b98b36a5abc75b0a4a280c4;p=flatnotes.git Typography --- diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue index 3346624..4341037 100644 --- a/flatnotes/src/components/NoteViewerEditor.vue +++ b/flatnotes/src/components/NoteViewerEditor.vue @@ -106,6 +106,13 @@ @import "../toastui-editor-overrides.scss"; @import "../colours"; +.title, +.title-input { + font-size: 2.25rem; + font-weight: bold; + line-height: 1.4; +} + .title { min-width: 300px; white-space: nowrap; @@ -122,16 +129,12 @@ background-color: transparent; color: var(--colour-text); padding: 0; - min-width:0; + min-width: 0; &:focus { outline: none; } } - -.note { - background-color: var(--colour-background); -} - - - \ No newline at end of file + +

+ + + diff --git a/flatnotes/src/toastui-editor-overrides.scss b/flatnotes/src/toastui-editor-overrides.scss index 8928977..5cd8697 100644 --- a/flatnotes/src/toastui-editor-overrides.scss +++ b/flatnotes/src/toastui-editor-overrides.scss @@ -1,21 +1,79 @@ @import "../colours"; -.ProseMirror { - font-family: "Inter", sans-serif; +// Disable checkboxes in view mode. See https://github.com/nhn/tui.editor/issues/1087. +.note-viewer li.task-list-item { + pointer-events: none; + a { + pointer-events: auto; + } } +// Typography +.ProseMirror, .toastui-editor-contents { - font-family: "Inter", sans-serif; + font-family: "Open Sans", sans-serif; + font-size: 1rem; +} + +.toastui-editor-contents, +.ProseMirror { h1, + h1:first-of-type, + .toastui-editor-md-heading1, h2, + .toastui-editor-md-heading2, h3, + .toastui-editor-md-heading3, h4, + .toastui-editor-md-heading4, h5, - h6 { + .toastui-editor-md-heading5, + h6, + .toastui-editor-md-heading6 { + font-weight: bold; + line-height: 1.6rem; + margin: 1em 0 0.5em 0; + padding: 0; border-bottom: none; } + + h1, + .toastui-editor-md-heading1 { + font-size: 2.25rem; + } + + h2, + .toastui-editor-md-heading2 { + font-size: 2rem; + } + + h3, + .toastui-editor-md-heading3 { + font-size: 1.75rem; + } + + h4, + .toastui-editor-md-heading4 { + font-size: 1.5rem; + } + + h5, + .toastui-editor-md-heading5 { + font-size: 1.25rem; + } + + h6, + .toastui-editor-md-heading6 { + font-size: 1rem; + } + + p { + line-height: 1.6rem; + margin: 0 0 1rem 0; + } } +.ProseMirror, .toastui-editor-defaultUI .ProseMirror { padding: 1rem 0 0 0; } @@ -28,14 +86,6 @@ font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", monospace; } -// Disable checkboxes in view mode. See https://github.com/nhn/tui.editor/issues/1087. -.note-viewer li.task-list-item { - pointer-events: none; - a { - pointer-events: auto; - } -} - // Colours .toastui-editor-defaultUI { border: none;