diff --git a/client/components/preview/preview.module.css b/client/components/preview/preview.module.css index b41868cb..924854e7 100644 --- a/client/components/preview/preview.module.css +++ b/client/components/preview/preview.module.css @@ -106,11 +106,6 @@ content: ""; } -.markdownPreview img { - max-width: 100%; - max-height: 350px; -} - @media screen and (max-width: 800px) { .markdownPreview h1 a::after, .markdownPreview h2 a::after, diff --git a/client/styles/markdown.css b/client/styles/markdown.css index cf6386f9..89bc9fd1 100644 --- a/client/styles/markdown.css +++ b/client/styles/markdown.css @@ -8,9 +8,11 @@ article > * + * { margin-top: 2em; } +article video, article img { max-width: 100%; - margin: auto; + width: auto; + display: block; } article [id]::before { @@ -111,20 +113,3 @@ article pre { padding: 1rem; font-size: 0.875rem; } - -/* Linkable Headers */ - -.header-link { - color: inherit; - text-decoration: none; -} - -.header-link::after { - opacity: 0; - content: "#"; - margin-left: var(--gap-half); -} - -.header-link:hover::after { - opacity: 1; -}