fix dark style
This commit is contained in:
nanxiaobei
parent
244187a816
commit
11a00ea4d4
2 changed files with 180 additions and 433 deletions
|
|
@ -3,7 +3,7 @@
|
|||
* A simple, clean, flexible Hugo theme
|
||||
* https://github.com/nanxiaobei/hugo-paper
|
||||
* Designed by 南小北 (https://lee.so/)
|
||||
* Updated in 2022.8.16
|
||||
* Updated in 2022.11.16
|
||||
*/
|
||||
|
||||
@tailwind base;
|
||||
|
|
@ -80,6 +80,6 @@
|
|||
padding-left: calc(theme('space.8') - 3px) !important;
|
||||
margin-left: calc(theme('space.8') * -1) !important;
|
||||
|
||||
@apply !border-black;
|
||||
@apply !border-black dark:!border-white;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
493
assets/main.css
493
assets/main.css
|
|
@ -3,11 +3,11 @@
|
|||
* A simple, clean, flexible Hugo theme
|
||||
* https://github.com/nanxiaobei/hugo-paper
|
||||
* 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.
|
||||
3. Use a more readable tab size.
|
||||
4. Use the user's configured `sans` font-family by default.
|
||||
5. Use the user's configured `sans` font-feature-settings by default.
|
||||
*/
|
||||
|
||||
html {
|
||||
|
|
@ -50,10 +51,10 @@ html {
|
|||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
/* 3 */
|
||||
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';
|
||||
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";
|
||||
/* 4 */
|
||||
font-feature-settings: normal;
|
||||
/* 5 */
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -133,8 +134,7 @@ code,
|
|||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
||||
'Liberation Mono', 'Courier New', monospace;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
|
|
@ -359,8 +359,7 @@ textarea {
|
|||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
|
|
@ -380,7 +379,7 @@ Set the default cursor for buttons.
|
|||
*/
|
||||
|
||||
button,
|
||||
[role='button'] {
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -429,7 +428,7 @@ video {
|
|||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -447,56 +446,7 @@ body {
|
|||
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
*,
|
||||
::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 {
|
||||
*, ::before, ::after {
|
||||
--tw-border-spacing-x: 0;
|
||||
--tw-border-spacing-y: 0;
|
||||
--tw-translate-x: 0;
|
||||
|
|
@ -595,7 +545,7 @@ body {
|
|||
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);
|
||||
font-size: 1.25em;
|
||||
line-height: 1.6;
|
||||
|
|
@ -603,119 +553,116 @@ body {
|
|||
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);
|
||||
text-decoration: underline;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.prose :where(strong):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(strong):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-bold);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.prose :where(a strong):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(blockquote strong):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(thead th strong):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(ol):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(ol):not(:where([class~="not-prose"] *)) {
|
||||
list-style-type: decimal;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.prose :where(ol[type='1']):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.prose :where(ul):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(ul):not(:where([class~="not-prose"] *)) {
|
||||
list-style-type: disc;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
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;
|
||||
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);
|
||||
}
|
||||
|
||||
.prose :where(hr):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(hr):not(:where([class~="not-prose"] *)) {
|
||||
border-color: var(--tw-prose-hr);
|
||||
border-top-width: 1px;
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.prose :where(blockquote):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
color: var(--tw-prose-quotes);
|
||||
border-left-width: 0.25rem;
|
||||
border-left-color: var(--tw-prose-quote-borders);
|
||||
quotes: '\201C''\201D''\2018''\2019';
|
||||
quotes: "\201C""\201D""\2018""\2019";
|
||||
margin-top: 1.6em;
|
||||
margin-bottom: 1.6em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(blockquote p:first-of-type):not(:where([class~='not-prose']
|
||||
*))::before {
|
||||
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
|
||||
content: open-quote;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(blockquote p:last-of-type):not(:where([class~='not-prose'] *))::after {
|
||||
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
|
||||
content: close-quote;
|
||||
}
|
||||
|
||||
.prose :where(h1):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h1):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-headings);
|
||||
font-weight: 800;
|
||||
font-size: 2.25em;
|
||||
|
|
@ -724,12 +671,12 @@ body {
|
|||
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;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(h2):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h2):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-headings);
|
||||
font-weight: 700;
|
||||
font-size: 1.5em;
|
||||
|
|
@ -738,12 +685,12 @@ body {
|
|||
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;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(h3):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h3):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-headings);
|
||||
font-weight: 600;
|
||||
font-size: 1.25em;
|
||||
|
|
@ -752,12 +699,12 @@ body {
|
|||
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;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(h4):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h4):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-headings);
|
||||
font-weight: 600;
|
||||
margin-top: 1.5em;
|
||||
|
|
@ -765,73 +712,73 @@ body {
|
|||
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;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(img):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(img):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.prose :where(figure > *):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 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);
|
||||
font-size: 0.875em;
|
||||
line-height: 1.4285714;
|
||||
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);
|
||||
font-weight: 600;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
.prose :where(code):not(:where([class~='not-prose'] *))::before {
|
||||
content: '`';
|
||||
.prose :where(code):not(:where([class~="not-prose"] *))::before {
|
||||
content: "`";
|
||||
}
|
||||
|
||||
.prose :where(code):not(:where([class~='not-prose'] *))::after {
|
||||
content: '`';
|
||||
.prose :where(code):not(:where([class~="not-prose"] *))::after {
|
||||
content: "`";
|
||||
}
|
||||
|
||||
.prose :where(a code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(a code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(h1 code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(h2 code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
.prose :where(h3 code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.prose :where(h4 code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(blockquote code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(thead th code):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.prose :where(pre):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(pre):not(:where([class~="not-prose"] *)) {
|
||||
color: var(--tw-prose-pre-code);
|
||||
background-color: var(--tw-prose-pre-bg);
|
||||
overflow-x: auto;
|
||||
|
|
@ -847,7 +794,7 @@ body {
|
|||
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;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
|
|
@ -859,15 +806,15 @@ body {
|
|||
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;
|
||||
}
|
||||
|
||||
.prose :where(pre code):not(:where([class~='not-prose'] *))::after {
|
||||
.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.prose :where(table):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(table):not(:where([class~="not-prose"] *)) {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
text-align: left;
|
||||
|
|
@ -877,12 +824,12 @@ body {
|
|||
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-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);
|
||||
font-weight: 600;
|
||||
vertical-align: bottom;
|
||||
|
|
@ -891,25 +838,25 @@ body {
|
|||
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-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;
|
||||
}
|
||||
|
||||
.prose :where(tbody td):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
|
||||
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-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;
|
||||
}
|
||||
|
||||
|
|
@ -950,277 +897,104 @@ body {
|
|||
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-bottom: 1.25em;
|
||||
}
|
||||
|
||||
.prose :where(video):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(video):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.prose :where(figure):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(figure):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 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-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;
|
||||
}
|
||||
|
||||
.prose :where(ul > li):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
|
||||
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-bottom: 0.75em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(.prose > ul > li > *:first-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 1.25em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(.prose > ul > li > *:last-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(.prose > ol > li > *:first-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 1.25em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(.prose > ol > li > *:last-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
||||
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-bottom: 0.75em;
|
||||
}
|
||||
|
||||
.prose :where(hr + *):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.prose :where(h2 + *):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.prose :where(h3 + *):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.prose :where(h4 + *):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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-right: 0.5714286em;
|
||||
padding-bottom: 0.5714286em;
|
||||
padding-left: 0.5714286em;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(tbody td:first-child, tfoot
|
||||
td:first-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.prose
|
||||
:where(tbody td:last-child, tfoot
|
||||
td:last-child):not(:where([class~='not-prose'] *)) {
|
||||
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
|
||||
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;
|
||||
}
|
||||
|
||||
.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'] *)) {
|
||||
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1272,21 +1046,16 @@ body {
|
|||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
text-decoration-line: none;
|
||||
--tw-shadow: 0 10px 15px -3px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 10px 15px -3px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
--tw-scale-x: 0.95;
|
||||
--tw-scale-y: 0.95;
|
||||
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));
|
||||
--tw-scale-x: .95;
|
||||
--tw-scale-y: .95;
|
||||
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));
|
||||
}
|
||||
|
||||
.dark .btn {
|
||||
|
|
@ -1527,23 +1296,17 @@ body {
|
|||
|
||||
.-translate-x-\[1px\] {
|
||||
--tw-translate-x: -1px;
|
||||
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));
|
||||
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));
|
||||
}
|
||||
|
||||
.-translate-y-0\.5 {
|
||||
--tw-translate-y: -0.125rem;
|
||||
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));
|
||||
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));
|
||||
}
|
||||
|
||||
.-translate-y-0 {
|
||||
--tw-translate-y: -0px;
|
||||
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));
|
||||
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));
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
|
|
@ -1740,12 +1503,9 @@ body {
|
|||
}
|
||||
|
||||
.shadow-xl {
|
||||
--tw-shadow: 0 20px 25px -5px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 20px 25px -5px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.duration-200 {
|
||||
|
|
@ -1761,7 +1521,7 @@ body {
|
|||
}
|
||||
|
||||
.btn-menu::before,
|
||||
.btn-menu::after {
|
||||
.btn-menu::after {
|
||||
display: block;
|
||||
height: 2px;
|
||||
width: 1.25rem;
|
||||
|
|
@ -1772,12 +1532,10 @@ body {
|
|||
content: var(--tw-content);
|
||||
}
|
||||
|
||||
.dark .btn-menu::before,
|
||||
.dark .btn-menu::after {
|
||||
.dark .btn-menu::before,.dark
|
||||
.btn-menu::after {
|
||||
--tw-invert: invert(100%);
|
||||
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);
|
||||
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);
|
||||
}
|
||||
|
||||
.nav-wrapper {
|
||||
|
|
@ -1792,18 +1550,14 @@ body {
|
|||
width: 1.5rem;
|
||||
--tw-translate-y: 5.5px;
|
||||
--tw-rotate: 45deg;
|
||||
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));
|
||||
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));
|
||||
}
|
||||
|
||||
.open .btn-menu::after {
|
||||
width: 1.5rem;
|
||||
--tw-translate-y: -5.5px;
|
||||
--tw-rotate: -45deg;
|
||||
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));
|
||||
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));
|
||||
}
|
||||
|
||||
.open .nav-wrapper {
|
||||
|
|
@ -1827,12 +1581,9 @@ article pre {
|
|||
margin-left: -2rem;
|
||||
margin-right: -2rem;
|
||||
padding: 2rem !important;
|
||||
--tw-shadow: 0 10px 15px -3px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 10px 15px -3px 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);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
article blockquote {
|
||||
|
|
@ -1842,6 +1593,11 @@ article blockquote {
|
|||
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;
|
||||
}
|
||||
|
|
@ -1866,12 +1622,6 @@ article blockquote {
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
|
|
@ -1879,7 +1629,6 @@ article blockquote {
|
|||
}
|
||||
|
||||
.hover\:animate-spin:hover {
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
|
|
@ -1926,9 +1675,7 @@ article blockquote {
|
|||
|
||||
.dark .dark\:invert {
|
||||
--tw-invert: invert(100%);
|
||||
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);
|
||||
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);
|
||||
}
|
||||
|
||||
.dark .dark\:\[background-position\:right\] {
|
||||
|
|
|
|||
Loading…
Reference in a new issue