hedgedoc/frontend/global-styles/markdown-tweaks.scss
Philip Molares 0fdcf58b89 feat(print): add more fixes to print mode
Signed-off-by: Philip Molares <philip.molares@udo.edu>
2024-11-27 21:02:52 +01:00

71 lines
1.2 KiB
SCSS

/*!
* SPDX-FileCopyrightText: 2024 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
.markdown-body {
position: relative;
word-break: break-word;
& {
@import "./variables.module.scss";
font-family: $font-family-base;
}
.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 {
user-select: none;
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;
}
}
}