diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown.css
index 46607f1..c56c67e 100644
--- a/src/lib/components/Markdown.css
+++ b/src/lib/components/Markdown.css
@@ -106,51 +106,35 @@
} */
}
& table {
- margin: 1rem auto;
- font-size: 1.2rem;
+ margin: 1em auto;
+ font-size: 1.125em;
border-collapse: collapse;
& thead tr {
- border-bottom: solid 1px var(--black-white);
+ border-bottom: solid 2px var(--black-white);
}
& tbody tr {
- border-top: solid color-mix(in srgb, var(--black-white) 20%, var(--back-color)) 1px;
+ border-top: solid color-mix(in srgb, var(--black-white) 20%, var(--back-color)) 2px;
/* background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color)); */
}
& td,th {
border-width: 0px;
- padding: .5em;
+ padding: .5em 1em;
}
+ & th:first-child, td:first-child {
+ padding-left: 2em;
+ }
+ & th:last-child, td:last-child {
+ padding-right: 2em;
+ }
+
}
& blockquote {
- position: relative;
- font-style: italic;
- width: fit-content;
- max-width: 100%;
- margin: 1em auto;
- border-top: 1px solid var(--font-color);
- border-bottom: 1px solid var(--font-color);
-
- & p::before {
- content: '';
- mask-image: url('data:image/svg+xml;utf-8,');
- width: 1em;
- height: 1em;
- position: absolute;
- background-color: var(--font-color);
- top: -.4em;
- left: -1em;
- }
- & p::after {
- content: '';
- mask-image: url('data:image/svg+xml;utf-8,');
- width: 1em;
- height: 1em;
- position: absolute;
- background-color: var(--font-color);
- bottom: -.4em;
- right: -1em;
- }
+ padding: 8px 16px;
+ border-left: solid #d1d9e0 4px;
+ margin: 1em 0;
+ color: #59636e;
+ & p {margin: 0;}
}
& iframe {
display: block;