diff options
author | Ferdinand Thiessen <rpm@fthiessen.de> | 2022-07-24 14:23:28 +0300 |
---|---|---|
committer | Ferdinand Thiessen <rpm@fthiessen.de> | 2022-07-29 17:07:56 +0300 |
commit | 9642367e94ff22877b153b091bb5997f8c10efb7 (patch) | |
tree | ace006270c96a7ae44533c435c252ac53acf0379 /css | |
parent | 1ee4b069ca17fa08121287fe9e6f2f3beb37df1a (diff) |
Better styling of Front Matter + input rule
Added an input rule to add a front matter node if `---` is typed
in the very beginning of the document.
If it is typed somewhere else the default behavior is still
to insert a `hr` node.
Added a border on the left of the front matter, like the callouts
and blockquote, and added a title for the element.
Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de>
a
Diffstat (limited to 'css')
-rw-r--r-- | css/prosemirror.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index b0e14da14..a84e93c5e 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -163,6 +163,18 @@ div.ProseMirror { margin-bottom: 1em; } + pre.frontmatter { + margin-bottom: 2em; + border-left: 4px solid var(--color-primary-element); + } + + pre.frontmatter::before { + display: block; + content: attr(data-title); + color: var(--color-text-maxcontrast); + padding-bottom: 0.5em; + } + p code { background-color: var(--color-background-dark); border-radius: var(--border-radius); |