malte70/hugo-paper
1
0
Fork 0
Code Activity

fix dark style

Browse source
This commit is contained in:
nanxiaobei 2022-11-16 21:54:30 +08:00
parent 244187a816
commit 11a00ea4d4
2 changed files with 180 additions and 433 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/app.css
View file

@ -3,7 +3,7 @@
* A simple, clean, flexible Hugo theme * A simple, clean, flexible Hugo theme
* https://github.com/nanxiaobei/hugo-paper * https://github.com/nanxiaobei/hugo-paper
* Designed by 南小北 (https://lee.so/) * Designed by 南小北 (https://lee.so/)
* Updated in 2022.8.16 * Updated in 2022.11.16
*/ */
@tailwind base; @tailwind base;
@ -80,6 +80,6 @@
padding-left: calc(theme('space.8') - 3px) !important; padding-left: calc(theme('space.8') - 3px) !important;
margin-left: calc(theme('space.8') * -1) !important; margin-left: calc(theme('space.8') * -1) !important;
@apply !border-black; @apply !border-black dark:!border-white;
} }
} }

489
assets/main.css
View file

@ -3,11 +3,11 @@
* A simple, clean, flexible Hugo theme * A simple, clean, flexible Hugo theme
* https://github.com/nanxiaobei/hugo-paper * https://github.com/nanxiaobei/hugo-paper
* Designed by 南小北 (https://lee.so/) * Designed by 南小北 (https://lee.so/)
* Updated in 2022.8.16 * Updated in 2022.11.16
*/ */
/* /*
! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/ */
/* /*
@ -38,6 +38,7 @@
2. Prevent adjustments of font size after orientation changes in iOS. 2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size. 3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default. 4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/ */
html { html {
@ -50,10 +51,10 @@ html {
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
/* 3 */ /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
/* 4 */ /* 4 */
font-feature-settings: normal;
/* 5 */
} }
/* /*
@ -133,8 +134,7 @@ code,
kbd, kbd,
samp, samp,
pre { pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
'Liberation Mono', 'Courier New', monospace;
/* 1 */ /* 1 */
font-size: 1em; font-size: 1em;
/* 2 */ /* 2 */
@ -359,8 +359,7 @@ textarea {
2. Set the default placeholder color to the user's configured gray 400 color. 2. Set the default placeholder color to the user's configured gray 400 color.
*/ */
input::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
textarea::-moz-placeholder {
opacity: 1; opacity: 1;
/* 1 */ /* 1 */
color: #9ca3af; color: #9ca3af;
@ -380,7 +379,7 @@ Set the default cursor for buttons.
*/ */
button, button,
[role='button'] { [role="button"] {
cursor: pointer; cursor: pointer;
} }
@ -447,56 +446,7 @@ body {
background-color: rgb(0 0 0 / var(--tw-bg-opacity)); background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} }
*, *, ::before, ::after {
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0; --tw-border-spacing-x: 0;
--tw-border-spacing-y: 0; --tw-border-spacing-y: 0;
--tw-translate-x: 0; --tw-translate-x: 0;
@ -595,7 +545,7 @@ body {
max-width: 65ch; max-width: 65ch;
} }
.prose :where([class~='lead']):not(:where([class~='not-prose'] *)) { .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-lead); color: var(--tw-prose-lead);
font-size: 1.25em; font-size: 1.25em;
line-height: 1.6; line-height: 1.6;
@ -603,119 +553,116 @@ body {
margin-bottom: 1.2em; margin-bottom: 1.2em;
} }
.prose :where(a):not(:where([class~='not-prose'] *)) { .prose :where(a):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-links); color: var(--tw-prose-links);
text-decoration: underline; text-decoration: underline;
font-weight: 500; font-weight: 500;
} }
.prose :where(strong):not(:where([class~='not-prose'] *)) { .prose :where(strong):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-bold); color: var(--tw-prose-bold);
font-weight: 600; font-weight: 600;
} }
.prose :where(a strong):not(:where([class~='not-prose'] *)) { .prose :where(a strong):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(blockquote strong):not(:where([class~='not-prose'] *)) { .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(thead th strong):not(:where([class~='not-prose'] *)) { .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(ol):not(:where([class~='not-prose'] *)) { .prose :where(ol):not(:where([class~="not-prose"] *)) {
list-style-type: decimal; list-style-type: decimal;
margin-top: 1.25em; margin-top: 1.25em;
margin-bottom: 1.25em; margin-bottom: 1.25em;
padding-left: 1.625em; padding-left: 1.625em;
} }
.prose :where(ol[type='A']):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha; list-style-type: upper-alpha;
} }
.prose :where(ol[type='a']):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
.prose :where(ol[type='A' s]):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-alpha; list-style-type: upper-alpha;
} }
.prose :where(ol[type='a' s]):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
.prose :where(ol[type='I']):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman; list-style-type: upper-roman;
} }
.prose :where(ol[type='i']):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
.prose :where(ol[type='I' s]):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
list-style-type: upper-roman; list-style-type: upper-roman;
} }
.prose :where(ol[type='i' s]):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
.prose :where(ol[type='1']):not(:where([class~='not-prose'] *)) { .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
list-style-type: decimal; list-style-type: decimal;
} }
.prose :where(ul):not(:where([class~='not-prose'] *)) { .prose :where(ul):not(:where([class~="not-prose"] *)) {
list-style-type: disc; list-style-type: disc;
margin-top: 1.25em; margin-top: 1.25em;
margin-bottom: 1.25em; margin-bottom: 1.25em;
padding-left: 1.625em; padding-left: 1.625em;
} }
.prose :where(ol > li):not(:where([class~='not-prose'] *))::marker { .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
font-weight: 400; font-weight: 400;
color: var(--tw-prose-counters); color: var(--tw-prose-counters);
} }
.prose :where(ul > li):not(:where([class~='not-prose'] *))::marker { .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
color: var(--tw-prose-bullets); color: var(--tw-prose-bullets);
} }
.prose :where(hr):not(:where([class~='not-prose'] *)) { .prose :where(hr):not(:where([class~="not-prose"] *)) {
border-color: var(--tw-prose-hr); border-color: var(--tw-prose-hr);
border-top-width: 1px; border-top-width: 1px;
margin-top: 3em; margin-top: 3em;
margin-bottom: 3em; margin-bottom: 3em;
} }
.prose :where(blockquote):not(:where([class~='not-prose'] *)) { .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
color: var(--tw-prose-quotes); color: var(--tw-prose-quotes);
border-left-width: 0.25rem; border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders); border-left-color: var(--tw-prose-quote-borders);
quotes: '\201C''\201D''\2018''\2019'; quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em; margin-top: 1.6em;
margin-bottom: 1.6em; margin-bottom: 1.6em;
padding-left: 1em; padding-left: 1em;
} }
.prose .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
:where(blockquote p:first-of-type):not(:where([class~='not-prose']
*))::before {
content: open-quote; content: open-quote;
} }
.prose .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
:where(blockquote p:last-of-type):not(:where([class~='not-prose'] *))::after {
content: close-quote; content: close-quote;
} }
.prose :where(h1):not(:where([class~='not-prose'] *)) { .prose :where(h1):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings); color: var(--tw-prose-headings);
font-weight: 800; font-weight: 800;
font-size: 2.25em; font-size: 2.25em;
@ -724,12 +671,12 @@ body {
line-height: 1.1111111; line-height: 1.1111111;
} }
.prose :where(h1 strong):not(:where([class~='not-prose'] *)) { .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
font-weight: 900; font-weight: 900;
color: inherit; color: inherit;
} }
.prose :where(h2):not(:where([class~='not-prose'] *)) { .prose :where(h2):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings); color: var(--tw-prose-headings);
font-weight: 700; font-weight: 700;
font-size: 1.5em; font-size: 1.5em;
@ -738,12 +685,12 @@ body {
line-height: 1.3333333; line-height: 1.3333333;
} }
.prose :where(h2 strong):not(:where([class~='not-prose'] *)) { .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
font-weight: 800; font-weight: 800;
color: inherit; color: inherit;
} }
.prose :where(h3):not(:where([class~='not-prose'] *)) { .prose :where(h3):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings); color: var(--tw-prose-headings);
font-weight: 600; font-weight: 600;
font-size: 1.25em; font-size: 1.25em;
@ -752,12 +699,12 @@ body {
line-height: 1.6; line-height: 1.6;
} }
.prose :where(h3 strong):not(:where([class~='not-prose'] *)) { .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700; font-weight: 700;
color: inherit; color: inherit;
} }
.prose :where(h4):not(:where([class~='not-prose'] *)) { .prose :where(h4):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings); color: var(--tw-prose-headings);
font-weight: 600; font-weight: 600;
margin-top: 1.5em; margin-top: 1.5em;
@ -765,73 +712,73 @@ body {
line-height: 1.5; line-height: 1.5;
} }
.prose :where(h4 strong):not(:where([class~='not-prose'] *)) { .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
font-weight: 700; font-weight: 700;
color: inherit; color: inherit;
} }
.prose :where(img):not(:where([class~='not-prose'] *)) { .prose :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em; margin-top: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.prose :where(figure > *):not(:where([class~='not-prose'] *)) { .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.prose :where(figcaption):not(:where([class~='not-prose'] *)) { .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-captions); color: var(--tw-prose-captions);
font-size: 0.875em; font-size: 0.875em;
line-height: 1.4285714; line-height: 1.4285714;
margin-top: 0.8571429em; margin-top: 0.8571429em;
} }
.prose :where(code):not(:where([class~='not-prose'] *)) { .prose :where(code):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-code); color: var(--tw-prose-code);
font-weight: 600; font-weight: 600;
font-size: 0.875em; font-size: 0.875em;
} }
.prose :where(code):not(:where([class~='not-prose'] *))::before { .prose :where(code):not(:where([class~="not-prose"] *))::before {
content: '`'; content: "`";
} }
.prose :where(code):not(:where([class~='not-prose'] *))::after { .prose :where(code):not(:where([class~="not-prose"] *))::after {
content: '`'; content: "`";
} }
.prose :where(a code):not(:where([class~='not-prose'] *)) { .prose :where(a code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(h1 code):not(:where([class~='not-prose'] *)) { .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(h2 code):not(:where([class~='not-prose'] *)) { .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
font-size: 0.875em; font-size: 0.875em;
} }
.prose :where(h3 code):not(:where([class~='not-prose'] *)) { .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
font-size: 0.9em; font-size: 0.9em;
} }
.prose :where(h4 code):not(:where([class~='not-prose'] *)) { .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(blockquote code):not(:where([class~='not-prose'] *)) { .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(thead th code):not(:where([class~='not-prose'] *)) { .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
color: inherit; color: inherit;
} }
.prose :where(pre):not(:where([class~='not-prose'] *)) { .prose :where(pre):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-pre-code); color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg); background-color: var(--tw-prose-pre-bg);
overflow-x: auto; overflow-x: auto;
@ -847,7 +794,7 @@ body {
padding-left: 1.1428571em; padding-left: 1.1428571em;
} }
.prose :where(pre code):not(:where([class~='not-prose'] *)) { .prose :where(pre code):not(:where([class~="not-prose"] *)) {
background-color: transparent; background-color: transparent;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
@ -859,15 +806,15 @@ body {
line-height: inherit; line-height: inherit;
} }
.prose :where(pre code):not(:where([class~='not-prose'] *))::before { .prose :where(pre code):not(:where([class~="not-prose"] *))::before {
content: none; content: none;
} }
.prose :where(pre code):not(:where([class~='not-prose'] *))::after { .prose :where(pre code):not(:where([class~="not-prose"] *))::after {
content: none; content: none;
} }
.prose :where(table):not(:where([class~='not-prose'] *)) { .prose :where(table):not(:where([class~="not-prose"] *)) {
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: left; text-align: left;
@ -877,12 +824,12 @@ body {
line-height: 1.7142857; line-height: 1.7142857;
} }
.prose :where(thead):not(:where([class~='not-prose'] *)) { .prose :where(thead):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders); border-bottom-color: var(--tw-prose-th-borders);
} }
.prose :where(thead th):not(:where([class~='not-prose'] *)) { .prose :where(thead th):not(:where([class~="not-prose"] *)) {
color: var(--tw-prose-headings); color: var(--tw-prose-headings);
font-weight: 600; font-weight: 600;
vertical-align: bottom; vertical-align: bottom;
@ -891,25 +838,25 @@ body {
padding-left: 0.5714286em; padding-left: 0.5714286em;
} }
.prose :where(tbody tr):not(:where([class~='not-prose'] *)) { .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders); border-bottom-color: var(--tw-prose-td-borders);
} }
.prose :where(tbody tr:last-child):not(:where([class~='not-prose'] *)) { .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
border-bottom-width: 0; border-bottom-width: 0;
} }
.prose :where(tbody td):not(:where([class~='not-prose'] *)) { .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
vertical-align: baseline; vertical-align: baseline;
} }
.prose :where(tfoot):not(:where([class~='not-prose'] *)) { .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
border-top-width: 1px; border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders); border-top-color: var(--tw-prose-th-borders);
} }
.prose :where(tfoot td):not(:where([class~='not-prose'] *)) { .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
vertical-align: top; vertical-align: top;
} }
@ -950,277 +897,104 @@ body {
line-height: 1.75; line-height: 1.75;
} }
.prose :where(p):not(:where([class~='not-prose'] *)) { .prose :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.25em; margin-top: 1.25em;
margin-bottom: 1.25em; margin-bottom: 1.25em;
} }
.prose :where(video):not(:where([class~='not-prose'] *)) { .prose :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em; margin-top: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.prose :where(figure):not(:where([class~='not-prose'] *)) { .prose :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em; margin-top: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
.prose :where(li):not(:where([class~='not-prose'] *)) { .prose :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.prose :where(ol > li):not(:where([class~='not-prose'] *)) { .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em; padding-left: 0.375em;
} }
.prose :where(ul > li):not(:where([class~='not-prose'] *)) { .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.375em; padding-left: 0.375em;
} }
.prose :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) { .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em; margin-top: 0.75em;
margin-bottom: 0.75em; margin-bottom: 0.75em;
} }
.prose .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.25em; margin-top: 1.25em;
} }
.prose .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.25em; margin-bottom: 1.25em;
} }
.prose .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.25em; margin-top: 1.25em;
} }
.prose .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.25em; margin-bottom: 1.25em;
} }
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'] *)) { .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.75em; margin-top: 0.75em;
margin-bottom: 0.75em; margin-bottom: 0.75em;
} }
.prose :where(hr + *):not(:where([class~='not-prose'] *)) { .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
} }
.prose :where(h2 + *):not(:where([class~='not-prose'] *)) { .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
} }
.prose :where(h3 + *):not(:where([class~='not-prose'] *)) { .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
} }
.prose :where(h4 + *):not(:where([class~='not-prose'] *)) { .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
} }
.prose :where(thead th:first-child):not(:where([class~='not-prose'] *)) { .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0; padding-left: 0;
} }
.prose :where(thead th:last-child):not(:where([class~='not-prose'] *)) { .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0; padding-right: 0;
} }
.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'] *)) { .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.5714286em; padding-top: 0.5714286em;
padding-right: 0.5714286em; padding-right: 0.5714286em;
padding-bottom: 0.5714286em; padding-bottom: 0.5714286em;
padding-left: 0.5714286em; padding-left: 0.5714286em;
} }
.prose .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
:where(tbody td:first-child, tfoot
td:first-child):not(:where([class~='not-prose'] *)) {
padding-left: 0; padding-left: 0;
} }
.prose .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
:where(tbody td:last-child, tfoot
td:last-child):not(:where([class~='not-prose'] *)) {
padding-right: 0; padding-right: 0;
} }
.prose :where(.prose > :first-child):not(:where([class~='not-prose'] *)) { .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
} }
.prose :where(.prose > :last-child):not(:where([class~='not-prose'] *)) { .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.prose-sm :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.1428571em;
}
.prose-sm
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.1428571em;
}
.prose-sm
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
margin-top: 0;
}
.prose-sm :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 0;
}
.prose-base :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose-base
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.25em;
}
.prose-base
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.25em;
}
.prose-base
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.25em;
}
.prose-base
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.25em;
}
.prose-base :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
margin-top: 0;
}
.prose-base :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 0;
}
.prose-lg :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.3333333em;
}
.prose-lg
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.3333333em;
}
.prose-lg
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
margin-top: 0;
}
.prose-lg :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 0;
}
.prose-xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.2em;
}
.prose-xl
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.2em;
}
.prose-xl
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.2em;
}
.prose-xl
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.2em;
}
.prose-xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
margin-top: 0;
}
.prose-xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 0;
}
.prose-2xl :where(.prose > ul > li p):not(:where([class~='not-prose'] *)) {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.3333333em;
}
.prose-2xl
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
margin-top: 1.3333333em;
}
.prose-2xl
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 1.3333333em;
}
.prose-2xl :where(.prose > :first-child):not(:where([class~='not-prose'] *)) {
margin-top: 0;
}
.prose-2xl :where(.prose > :last-child):not(:where([class~='not-prose'] *)) {
margin-bottom: 0; margin-bottom: 0;
} }
@ -1272,21 +1046,16 @@ body {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none; text-decoration-line: none;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-duration: 100ms; transition-duration: 100ms;
} }
.btn:active { .btn:active {
--tw-scale-x: 0.95; --tw-scale-x: .95;
--tw-scale-y: 0.95; --tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.dark .btn { .dark .btn {
@ -1527,23 +1296,17 @@ body {
.-translate-x-\[1px\] { .-translate-x-\[1px\] {
--tw-translate-x: -1px; --tw-translate-x: -1px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.-translate-y-0\.5 { .-translate-y-0\.5 {
--tw-translate-y: -0.125rem; --tw-translate-y: -0.125rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.-translate-y-0 { .-translate-y-0 {
--tw-translate-y: -0px; --tw-translate-y: -0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.cursor-pointer { .cursor-pointer {
@ -1740,12 +1503,9 @@ body {
} }
.shadow-xl { .shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.duration-200 { .duration-200 {
@ -1772,12 +1532,10 @@ body {
content: var(--tw-content); content: var(--tw-content);
} }
.dark .btn-menu::before, .dark .btn-menu::before,.dark
.dark .btn-menu::after { .btn-menu::after {
--tw-invert: invert(100%); --tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
} }
.nav-wrapper { .nav-wrapper {
@ -1792,18 +1550,14 @@ body {
width: 1.5rem; width: 1.5rem;
--tw-translate-y: 5.5px; --tw-translate-y: 5.5px;
--tw-rotate: 45deg; --tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.open .btn-menu::after { .open .btn-menu::after {
width: 1.5rem; width: 1.5rem;
--tw-translate-y: -5.5px; --tw-translate-y: -5.5px;
--tw-rotate: -45deg; --tw-rotate: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.open .nav-wrapper { .open .nav-wrapper {
@ -1827,12 +1581,9 @@ article pre {
margin-left: -2rem; margin-left: -2rem;
margin-right: -2rem; margin-right: -2rem;
padding: 2rem !important; padding: 2rem !important;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
article blockquote { article blockquote {
@ -1842,6 +1593,11 @@ article blockquote {
border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
} }
.dark article blockquote {
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.\[background\:url\(\.\/theme\.svg\)_left_center\/cover_no-repeat\] { .\[background\:url\(\.\/theme\.svg\)_left_center\/cover_no-repeat\] {
background: url(./theme.svg) left center/cover no-repeat; background: url(./theme.svg) left center/cover no-repeat;
} }
@ -1866,12 +1622,6 @@ article blockquote {
margin-bottom: 0px; margin-bottom: 0px;
} }
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin { @keyframes spin {
to { to {
transform: rotate(360deg); transform: rotate(360deg);
@ -1879,7 +1629,6 @@ article blockquote {
} }
.hover\:animate-spin:hover { .hover\:animate-spin:hover {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
@ -1926,9 +1675,7 @@ article blockquote {
.dark .dark\:invert { .dark .dark\:invert {
--tw-invert: invert(100%); --tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
} }
.dark .dark\:\[background-position\:right\] { .dark .dark\:\[background-position\:right\] {