From 20bd5fc3b68957b5436766b5ffd1784fcc77eeca Mon Sep 17 00:00:00 2001 From: moris Date: Fri, 31 Jan 2025 15:41:07 +0900 Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E7=94=A8=E3=81=AE=E3=83=87=E3=82=B6?= =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=82=92=E3=82=A2=E3=83=A9=E3=83=BC=E3=83=88?= =?UTF-8?q?=E3=81=AB=E5=90=88=E3=82=8F=E3=81=9B=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/Markdown.css | 50 +++++++++++---------------------- 1 file changed, 17 insertions(+), 33 deletions(-) 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;