diff --git a/src/index.css b/src/index.css index efbe9b5..1c2b376 100644 --- a/src/index.css +++ b/src/index.css @@ -5,3 +5,49 @@ scroll-behavior: smooth; } } + +/* Styles for react-markdown content to restore browser defaults overridden by Tailwind Preflight */ +.markdown-body ul { + list-style-type: disc !important; + padding-left: 1.25rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.markdown-body ol { + list-style-type: decimal !important; + padding-left: 1.25rem !important; + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.markdown-body li { + margin-bottom: 0.25rem !important; + display: list-item !important; +} + +.markdown-body strong, +.markdown-body b { + font-weight: 700 !important; +} + +.markdown-body em, +.markdown-body i { + font-style: italic !important; +} + +.markdown-body blockquote { + border-left: 3px solid currentColor; + padding-left: 1rem; + margin: 1rem 0; + opacity: 0.85; +} + +.markdown-body a { + text-decoration: underline; + opacity: 0.9; +} + +.markdown-body a:hover { + opacity: 1; +}