diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown.css index 33b2e69..7f5b1df 100644 --- a/src/lib/components/Markdown.css +++ b/src/lib/components/Markdown.css @@ -1,6 +1,11 @@ .markdown { width: 100%; + &>* { + max-width: 100%; + overflow: scroll; + } + & h1 { font-size: 2em; @media(width>999px){padding-top:50px;margin-top:0;} @@ -36,10 +41,11 @@ */ & p { - margin: 0 1.5em; + margin: 0 0.5em; line-height: 2em; - @media (width<480px) { - margin: 0 .5em; + @media (width>480px) { + margin: 1em 2em; + font-size: 1.125em; } } @@ -59,8 +65,8 @@ & img { display: block; - width: 90%; margin: 1em auto; + max-height: 60vh; } & code { @@ -91,24 +97,25 @@ & table { margin: 1rem auto; font-size: 1.2em; - border-collapse: collapse; + border-collapse: collapse; - & thead { + & thead tr { border-bottom: solid 1px var(--black-white); } - & tbody tr:nth-child(2n) { - background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color)); + & tbody tr { + border-top: solid color-mix(in srgb, var(--black-white) 20%, var(--back-color)) 1px; + /* background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color)); */ } & td,th { border-width: 0px; - padding: .3em .6em; + padding: .5em; } } & blockquote { position: relative; font-style: italic; width: fit-content; - padding: .5em 0; + padding: 1em; border-top: 1px solid var(--font-color); border-bottom: 1px solid var(--font-color); @@ -172,7 +179,7 @@ } } & math[display="block"] { - margin: 1rem; - font-size: 1.5rem; + margin: 1rem; + font-size: 1.5rem; } } \ No newline at end of file