Aarni Halinen
46 lines
660 B
TypeScript
46 lines
660 B
TypeScript
import ReactMarkdown from "react-markdown";
|
|
import styled from "styled-components";
|
|
import colors from "@theme/colors";
|
|
|
|
const MarkdownStyles = styled(ReactMarkdown)`
|
|
p {
|
|
color: ${colors.black};
|
|
}
|
|
|
|
h1,
|
|
h3 {
|
|
color: ${colors.orange2};
|
|
}
|
|
|
|
a {
|
|
color: ${colors.blue1};
|
|
|
|
&:hover {
|
|
color: ${colors.lightBlue};
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
object-fit: scale-down;
|
|
}
|
|
|
|
table {
|
|
tr {
|
|
vertical-align: top;
|
|
|
|
td {
|
|
word-break: break-word;
|
|
padding: 8px;
|
|
}
|
|
|
|
td:first-of-type {
|
|
word-break: keep-all;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
|
|
export default MarkdownStyles;
|