From 4d99473d7d39c5c2be1dd48d7af536e308997567 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Wed, 24 Feb 2021 17:18:49 +0700 Subject: [PATCH] changed markdown stylings --- src/styles/common/markdown.module.scss | 33 +++++++++++++++++++++----- 1 file changed, 27 insertions(+), 6 deletions(-) diff --git a/src/styles/common/markdown.module.scss b/src/styles/common/markdown.module.scss index a4d1cca2..6aa1a576 100644 --- a/src/styles/common/markdown.module.scss +++ b/src/styles/common/markdown.module.scss @@ -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; } }