From 7141fc4452b05b30dfad5e5788ccdd9155ef589e Mon Sep 17 00:00:00 2001 From: Janis Date: Sun, 18 Dec 2022 22:42:42 +0100 Subject: [PATCH] finished first markdown parse --- styles/TutorialContent.module.scss | 8 +++++--- styles/variables.scss | 3 ++- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/styles/TutorialContent.module.scss b/styles/TutorialContent.module.scss index b4ce251..d451159 100644 --- a/styles/TutorialContent.module.scss +++ b/styles/TutorialContent.module.scss @@ -7,9 +7,9 @@ } .markdown { - padding: 0 25px 0 25px; + padding: 0 10px 0 10px; color: $md-color-font; - + list-style: inside; h1, h2, h3, @@ -18,7 +18,9 @@ h6 { color: $md-color-headline; } - + hr { + border: 1px solid $md-color-hr; + } img { max-width: 100%; } diff --git a/styles/variables.scss b/styles/variables.scss index 08e5cde..b1ed478 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -1,6 +1,6 @@ /* By default colors are in dark mode */ /* Colors: General */ -$color-overlay-mix: #000000; +$color-overlay-mix: #fff; $color-background-body: #181a1b; //181a1b $color-font: #ffffff; $color-font-link: #2294ff; @@ -8,3 +8,4 @@ $color-font-link: #2294ff; /* Colors: Markdown */ $md-color-font: mix($color-overlay-mix, $color-font, 5%); $md-color-headline: mix($color-overlay-mix, $color-font, 20%); +$md-color-hr: mix($color-overlay-mix, $color-background-body, 20%);