muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

Merge pull request #33 from muerwre/task/29-markdown

Browse source 
changed markdown stylings
This commit is contained in:
muerwre 2021-02-24 17:20:33 +07:00 • committed by GitHub
commit 8f830b64a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/styles/common/markdown.module.scss
View file

@ -1,5 +1,7 @@
@import "../variables";
$margin: 1em;
.wrapper {
pre {
background-color: darken($comment_bg, 2%);
@ -14,23 +16,42 @@
overflow: auto;
padding: $gap;
box-sizing: border-box;
margin-bottom: 0.3em;
margin-bottom: $margin;
code {
color: transparentize(white, 0.5);
font-family: monospace;
}
}
p, li {
code {
background-color: darken($comment_bg, 4%);
padding: 2px 0.5em;
border-radius: 0.3em;
color: transparentize(white, 0.5);
font-size: 0.9em;
}
}
img {
max-width: 100%;
margin-bottom: 0.3em;
margin-bottom: $margin;
}
p {
margin-bottom: 0.3em;
margin-bottom: $margin;
}
h5, h4, h3, h2, h1 {
color: white;
font-weight: 800;
line-height: 1.2em;
margin-bottom: 0.3em;
margin: $margin * 1.5 0 $margin / 2;
&:first-child {
margin-top: $margin / 4;
}
}
h1 {
@ -56,10 +77,10 @@
ul {
list-style: disc;
padding-left: 20px;
margin-bottom: 0.3em;
margin-bottom: $margin;
li {
margin: 0.1em 0;
margin: $margin/3 0;
}
}