moris/day.moris.blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

引用のデザインをアラートに合わせる

Browse Source
This commit is contained in:
moris 2025-01-31 15:41:07 +09:00
parent 3cbd2040db
commit 20bd5fc3b6
1 changed files with 17 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/lib/components/Markdown.css
View File

@ -106,51 +106,35 @@
} */ } */
} }
& table { & table {
margin: 1rem auto; margin: 1em auto;
font-size: 1.2rem; font-size: 1.125em;
border-collapse: collapse; border-collapse: collapse;
& thead tr { & thead tr {
border-bottom: solid 1px var(--black-white); border-bottom: solid 2px var(--black-white);
} }
& tbody tr { & 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)); */ /* background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color)); */
} }
& td,th { & td,th {
border-width: 0px; 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 { & blockquote {
position: relative; padding: 8px 16px;
font-style: italic; border-left: solid #d1d9e0 4px;
width: fit-content; margin: 1em 0;
max-width: 100%; color: #59636e;
margin: 1em auto; & p {margin: 0;}
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,<svg version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m57.2 36.6-4.3 20.4h-20.5l3.8-17.9q3.3-16 10.4-23.5 7.2-7.5 16.8-8.6l-1.6 7.9q-11.7 3.2-15.7 21.7zm-31.8 0-4.3 20.4h-20.5l3.8-17.9q3.3-16 10.4-23.5 7.2-7.5 16.8-8.6l-1.6 7.9q-11.7 3.2-15.7 21.7z"/></svg>');
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,<svg version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m6.8 27.4 4.3-20.4h20.5l-3.8 17.9q-3.3 16-10.4 23.5-7.17 7.5-16.8 8.6l1.6-7.9q11.7-3.2 15.7-21.7zm31.8 0 4.3-20.4h20.5l-3.8 17.9q-3.3 16-10.4 23.5-7.17 7.5-16.8 8.6l1.6-7.9q11.7-3.2 15.7-21.7z"/></svg>');
width: 1em;
height: 1em;
position: absolute;
background-color: var(--font-color);
bottom: -.4em;
right: -1em;
}
} }
& iframe { & iframe {
display: block; display: block;