View mode wider (#271)

made some components wider in View Mode
These objects include
- `<img>` alone in a paragraph
- `<codimd-youtube>`
- `<codimd-vimeo>`
- `<codimd-pdf>`

This can be toggled via the `wider` prop in `MarkdownRenderer`

Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Philip Molares 2020-06-25 22:38:10 +02:00 committed by GitHub
parent 0df90c1a2a
commit 937a2e9eb9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 45 additions and 4 deletions

View file

@ -1,13 +1,26 @@
@import '../../../../node_modules/github-markdown-css/github-markdown.css';
.markdown-body {
max-width: 758px;
font-family: 'Source Sans Pro', "twemoji", sans-serif;
.alert > p, .alert > ul {
margin-bottom: 0;
}
// I know this is bad :( sry
& > * {
width: 100%;
max-width: 900px;
}
&.wider {
max-width: 1500px;
& > .wider-possible {
max-width: 1500px;
}
}
a.heading-anchor {
margin-left: -1.25em;
font-size: 0.75em;