hedgedoc/global-styles/markdown-tweaks.scss
Renovate Bot 77a60c6c48 Switch the base framework from Create React App to Next.JS
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
2021-12-30 14:43:25 +01:00

67 lines
1.2 KiB
SCSS

/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
.markdown-body {
position: relative;
font-family: 'Source Sans Pro', "Twemoji", sans-serif;
word-break: break-word;
.svg-container {
overflow-x: auto;
width: 100%;
display: inline-block;
text-align: center;
svg {
max-width: 100%;
}
}
.alert {
& > p, & > ul {
margin-bottom: 0;
}
}
// This is necessary since we need to set this for all DOM Element that could be children of .markdown-body and since we support all of HTML that would literally be everything
& > * {
width: 100%;
max-width: 900px;
}
h1, h2, h3, h4, h5, h6 {
.heading-anchor {
font-size: 0.75em;
margin-top: 0.25em;
opacity: 0.3;
transition: opacity 0.1s;
&:hover {
opacity: 1;
}
}
}
blockquote .blockquote-extra {
font-size: 0.85em;
margin-inline-start: 0.5em;
&:first-of-type {
&::before {
content: '\2014 \00A0'
}
}
}
pre {
overflow: visible;
code {
white-space: pre-wrap;
word-break: break-word;
}
}
}