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

This commit is contained in:
moris 2025-01-31 15:41:07 +09:00
parent 3cbd2040db
commit 20bd5fc3b6

View File

@ -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,<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;
}
padding: 8px 16px;
border-left: solid #d1d9e0 4px;
margin: 1em 0;
color: #59636e;
& p {margin: 0;}
}
& iframe {
display: block;