janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-29 12:52:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

finished first markdown parse

Browse Source
This commit is contained in:
Janis
2022-12-18 22:42:42 +01:00
parent 073a1bf728
commit 7141fc4452
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
styles/TutorialContent.module.scss
View File

@@ -7,9 +7,9 @@
} }
.markdown { .markdown {
padding: 0 25px 0 25px; padding: 0 10px 0 10px;
color: $md-color-font; color: $md-color-font;
list-style: inside;
h1, h1,
h2, h2,
h3, h3,
@@ -18,7 +18,9 @@
h6 { h6 {
color: $md-color-headline; color: $md-color-headline;
} }
hr {
border: 1px solid $md-color-hr;
}
img { img {
max-width: 100%; max-width: 100%;
} }

3
styles/variables.scss
View File

@@ -1,6 +1,6 @@
/* By default colors are in dark mode */ /* By default colors are in dark mode */
/* Colors: General */ /* Colors: General */
$color-overlay-mix: #000000; $color-overlay-mix: #fff;
$color-background-body: #181a1b; //181a1b $color-background-body: #181a1b; //181a1b
$color-font: #ffffff; $color-font: #ffffff;
$color-font-link: #2294ff; $color-font-link: #2294ff;
@@ -8,3 +8,4 @@ $color-font-link: #2294ff;
/* Colors: Markdown */ /* Colors: Markdown */
$md-color-font: mix($color-overlay-mix, $color-font, 5%); $md-color-font: mix($color-overlay-mix, $color-font, 5%);
$md-color-headline: mix($color-overlay-mix, $color-font, 20%); $md-color-headline: mix($color-overlay-mix, $color-font, 20%);
$md-color-hr: mix($color-overlay-mix, $color-background-body, 20%);