diff options
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 929 |
1 files changed, 454 insertions, 475 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 961ba4d..29a0732 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -31,9 +31,12 @@ 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. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -43,10 +46,14 @@ 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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -118,8 +125,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -128,8 +137,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -188,6 +201,10 @@ select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; @@ -339,6 +356,14 @@ menu { } /* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + +/* Prevent resizing textareas horizontally by default. */ @@ -433,6 +458,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -480,6 +508,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -518,7 +549,12 @@ video { max-width: 65ch; } -.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) { +.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; @@ -526,96 +562,102 @@ video { margin-bottom: 1.2em; } -.prose :where(a):not(:where([class~="not-prose"] *)) { +.prose :where(a):not(:where([class~="not-prose"],[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"],[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"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) { +.prose :where(blockquote strong):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(ol):not(:where([class~="not-prose"] *)) { +.prose :where(ol):not(:where([class~="not-prose"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[class~="not-prose"] *)) { list-style-type: decimal; } -.prose :where(ul):not(:where([class~="not-prose"] *)) { +.prose :where(ul):not(:where([class~="not-prose"],[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"],[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"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } -.prose :where(hr):not(:where([class~="not-prose"] *)) { +.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.25em; +} + +.prose :where(hr):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); @@ -627,15 +669,15 @@ video { 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"],[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"],[class~="not-prose"] *))::after { content: close-quote; } -.prose :where(h1):not(:where([class~="not-prose"] *)) { +.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; @@ -644,12 +686,12 @@ video { line-height: 1.1111111; } -.prose :where(h1 strong):not(:where([class~="not-prose"] *)) { +.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } -.prose :where(h2):not(:where([class~="not-prose"] *)) { +.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; @@ -658,12 +700,12 @@ video { line-height: 1.3333333; } -.prose :where(h2 strong):not(:where([class~="not-prose"] *)) { +.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } -.prose :where(h3):not(:where([class~="not-prose"] *)) { +.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; @@ -672,12 +714,12 @@ video { line-height: 1.6; } -.prose :where(h3 strong):not(:where([class~="not-prose"] *)) { +.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } -.prose :where(h4):not(:where([class~="not-prose"] *)) { +.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; @@ -685,73 +727,80 @@ video { line-height: 1.5; } -.prose :where(h4 strong):not(:where([class~="not-prose"] *)) { +.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } -.prose :where(img):not(:where([class~="not-prose"] *)) { +.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } -.prose :where(figure > *):not(:where([class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; +.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + display: block; + margin-top: 2em; + margin-bottom: 2em; } -.prose :where(figcaption):not(:where([class~="not-prose"] *)) { - color: var(--tw-prose-captions); +.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-weight: 500; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; + border-radius: 0.3125rem; + padding-top: 0.1875em; + padding-right: 0.375em; + padding-bottom: 0.1875em; + padding-left: 0.375em; } -.prose :where(code):not(:where([class~="not-prose"] *)) { +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } -.prose :where(code):not(:where([class~="not-prose"] *))::before { +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } -.prose :where(code):not(:where([class~="not-prose"] *))::after { +.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } -.prose :where(a code):not(:where([class~="not-prose"] *)) { +.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(h1 code):not(:where([class~="not-prose"] *)) { +.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(h2 code):not(:where([class~="not-prose"] *)) { +.prose :where(h2 code):not(:where([class~="not-prose"],[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"],[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"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(blockquote code):not(:where([class~="not-prose"] *)) { +.prose :where(blockquote code):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *)) { color: inherit; } -.prose :where(pre):not(:where([class~="not-prose"] *)) { +.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; @@ -767,7 +816,7 @@ video { padding-left: 1.1428571em; } -.prose :where(pre code):not(:where([class~="not-prose"] *)) { +.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; @@ -779,15 +828,15 @@ video { line-height: inherit; } -.prose :where(pre code):not(:where([class~="not-prose"] *))::before { +.prose :where(pre code):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *))::after { content: none; } -.prose :where(table):not(:where([class~="not-prose"] *)) { +.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; text-align: left; @@ -797,12 +846,12 @@ video { line-height: 1.7142857; } -.prose :where(thead):not(:where([class~="not-prose"] *)) { +.prose :where(thead):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; @@ -811,28 +860,40 @@ video { padding-left: 0.5714286em; } -.prose :where(tbody tr):not(:where([class~="not-prose"] *)) { +.prose :where(tbody tr):not(:where([class~="not-prose"],[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"],[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"],[class~="not-prose"] *)) { vertical-align: baseline; } -.prose :where(tfoot):not(:where([class~="not-prose"] *)) { +.prose :where(tfoot):not(:where([class~="not-prose"],[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"],[class~="not-prose"] *)) { vertical-align: top; } +.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; +} + +.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} + .prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; @@ -845,6 +906,8 @@ video { --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; + --tw-prose-kbd: #111827; + --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; @@ -861,6 +924,8 @@ video { --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); @@ -870,250 +935,120 @@ video { line-height: 1.75; } -.prose :where(p):not(:where([class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose :where(video):not(:where([class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; +.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + margin-bottom: 0; } -.prose :where(figure):not(:where([class~="not-prose"] *)) { +.prose :where(video):not(:where([class~="not-prose"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[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"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } -.prose :where(hr + *):not(:where([class~="not-prose"] *)) { +.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.5em; + padding-left: 1.625em; +} + +.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } -.prose :where(h2 + *):not(:where([class~="not-prose"] *)) { +.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } -.prose :where(h3 + *):not(:where([class~="not-prose"] *)) { +.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } -.prose :where(h4 + *):not(:where([class~="not-prose"] *)) { +.prose :where(h4 + *):not(:where([class~="not-prose"],[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"],[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"],[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"],[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"],[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"],[class~="not-prose"] *)) { padding-right: 0; } -.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 :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; } -.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { +.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } -.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { +.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[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; +.prose-pink { + --tw-prose-links: #db2777; + --tw-prose-invert-links: #ec4899; } .prose-invert { @@ -1128,6 +1063,8 @@ video { --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); @@ -1135,11 +1072,6 @@ video { --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } -.prose-pink { - --tw-prose-links: #db2777; - --tw-prose-invert-links: #ec4899; -} - .blog-block { margin: 1rem; box-sizing: content-box; @@ -1154,19 +1086,6 @@ video { max-width: fit-content; } -.search-bar { - float: left; - width: 80%; - border-style: none; - --tw-bg-opacity: 1; - background-color: rgb(31 29 41 / var(--tw-bg-opacity)); - padding: 1rem; - font-size: 0.875rem; - line-height: 1.25rem; - --tw-text-opacity: 1; - color: rgb(238 238 238 / var(--tw-text-opacity)); -} - .fixed { position: fixed; } @@ -1187,14 +1106,6 @@ video { left: 0px; } -.top-1\/4 { - top: 25%; -} - -.m-auto { - margin: auto; -} - .m-4 { margin: 1rem; } @@ -1204,6 +1115,10 @@ video { margin-right: auto; } +.mb-12 { + margin-bottom: 3rem; +} + .ml-2 { margin-left: 0.5rem; } @@ -1220,18 +1135,6 @@ video { margin-right: 1.25rem; } -.mt-8 { - margin-top: 2rem; -} - -.mb-12 { - margin-bottom: 3rem; -} - -.mt-4 { - margin-top: 1rem; -} - .mt-2 { margin-top: 0.5rem; } @@ -1240,6 +1143,10 @@ video { margin-top: 0.75rem; } +.mt-4 { + margin-top: 1rem; +} + .box-content { box-sizing: content-box; } @@ -1260,18 +1167,14 @@ video { display: none; } -.h-auto { - height: auto; -} - -.h-96 { - height: 24rem; -} - .h-56 { height: 14rem; } +.h-auto { + height: auto; +} + .max-h-56 { max-height: 14rem; } @@ -1280,12 +1183,8 @@ video { width: 100%; } -.w-4\/5 { - width: 80%; -} - -.max-w-xs { - max-width: 20rem; +.max-w-lg { + max-width: 32rem; } .max-w-sm { @@ -1296,8 +1195,8 @@ video { max-width: 36rem; } -.max-w-lg { - max-width: 32rem; +.max-w-xs { + max-width: 20rem; } .flex-grow { @@ -1336,10 +1235,6 @@ video { justify-content: center; } -.overflow-auto { - overflow: auto; -} - .overflow-hidden { overflow: hidden; } @@ -1369,14 +1264,14 @@ video { background-color: rgb(19 21 23 / var(--tw-bg-opacity)); } -.bg-zinc-900 { +.bg-bgsearch { --tw-bg-opacity: 1; - background-color: rgb(24 24 27 / var(--tw-bg-opacity)); + background-color: rgb(31 29 41 / var(--tw-bg-opacity)); } -.bg-bgsearch { +.bg-zinc-900 { --tw-bg-opacity: 1; - background-color: rgb(31 29 41 / var(--tw-bg-opacity)); + background-color: rgb(24 24 27 / var(--tw-bg-opacity)); } .object-cover { @@ -1384,17 +1279,12 @@ video { object-fit: cover; } -.p-4 { - padding: 1rem; -} - .p-2 { padding: 0.5rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.p-4 { + padding: 1rem; } .px-2 { @@ -1402,46 +1292,47 @@ video { padding-right: 0.5rem; } -.pt-3 { - padding-top: 0.75rem; -} - -.pt-1 { - padding-top: 0.25rem; +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } .pb-0 { padding-bottom: 0px; } -.pt-2 { - padding-top: 0.5rem; -} - -.pb-4 { - padding-bottom: 1rem; +.pb-1 { + padding-bottom: 0.25rem; } .pb-10 { padding-bottom: 2.5rem; } -.pt-7 { - padding-top: 1.75rem; -} - .pb-12 { padding-bottom: 3rem; } -.pb-1 { - padding-bottom: 0.25rem; -} - .pb-8 { padding-bottom: 2rem; } +.pt-1 { + padding-top: 0.25rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pt-3 { + padding-top: 0.75rem; +} + +.pt-7 { + padding-top: 1.75rem; +} + .text-center { text-align: center; } @@ -1450,9 +1341,9 @@ video { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; } .text-3xl { @@ -1460,6 +1351,11 @@ video { line-height: 2.25rem; } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -1470,29 +1366,29 @@ video { line-height: 1.25rem; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } -.text-gray-500 { +.text-datesearch { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(106 105 128 / var(--tw-text-opacity)); } -.text-white { +.text-gray-400 { --tw-text-opacity: 1; - color: rgb(238 238 238 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity)); } -.text-gray-400 { +.text-gray-500 { --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } -.text-datesearch { +.text-white { --tw-text-opacity: 1; - color: rgb(106 105 128 / var(--tw-text-opacity)); + color: rgb(238 238 238 / var(--tw-text-opacity)); } .shadow { @@ -1507,12 +1403,6 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -1521,6 +1411,27 @@ video { transition-duration: 150ms; } +.transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.chip8-button { + margin: 1rem; + border-radius: 0.25rem; + --tw-bg-opacity: 1; + background-color: rgb(31 29 41 / var(--tw-bg-opacity)); + padding: 1rem; + font-size: 1.125rem; + line-height: 1.75rem; +} + +.chip8-button:hover { + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + .overlay { height: 100%; width: 100%; @@ -1958,128 +1869,99 @@ html { /* Generic.Inserted & Diff Inserted */ -.hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - -.hover\:bg-slate-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(30 41 59 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -.hover\:underline:hover { - text-decoration-line: underline; -} - @media (min-width: 768px) { - .md\:flex { - display: flex; - } - - .md\:hidden { - display: none; - } - .md\:prose-lg { font-size: 1.125rem; line-height: 1.7777778; } - .md\:prose-lg :where(p):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } - .md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } - .md\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-left: 1em; } - .md\:prose-lg :where(h1):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } - .md\:prose-lg :where(h2):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.6666667em; margin-top: 1.8666667em; margin-bottom: 1.0666667em; line-height: 1.3333333; } - .md\:prose-lg :where(h3):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; line-height: 1.5; } - .md\:prose-lg :where(h4):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 0.4444444em; line-height: 1.5555556; } - .md\:prose-lg :where(img):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } - .md\:prose-lg :where(video):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } - .md\:prose-lg :where(figure):not(:where([class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .md\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } - .md\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; + } + + .md\:prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; - line-height: 1.5; - margin-top: 1em; + border-radius: 0.3125rem; + padding-top: 0.2222222em; + padding-right: 0.4444444em; + padding-bottom: 0.2222222em; + padding-left: 0.4444444em; } - .md\:prose-lg :where(code):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } - .md\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8666667em; } - .md\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; } - .md\:prose-lg :where(pre):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; @@ -2091,122 +1973,148 @@ html { padding-left: 1.5em; } - .md\:prose-lg :where(ol):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } - .md\:prose-lg :where(ul):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em; } - .md\:prose-lg :where(li):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } - .md\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.4444444em; } - .md\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.4444444em; } - .md\:prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(.md\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } - .md\:prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(.md\:prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } - .md\:prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(.md\:prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } - .md\:prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(.md\:prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } - .md\:prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(.md\:prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } - .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } - .md\:prose-lg :where(hr):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + } + + .md\:prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.3333333em; + } + + .md\:prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.6666667em; + padding-left: 1.5555556em; + } + + .md\:prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } - .md\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .md\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .md\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .md\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .md\:prose-lg :where(table):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; } - .md\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } - .md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } - .md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } - .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.75em; padding-right: 0.75em; padding-bottom: 0.75em; padding-left: 0.75em; } - .md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } - .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } - .md\:prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { - margin-top: 0; + .md\:prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.7777778em; + margin-bottom: 1.7777778em; } - .md\:prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { + .md\:prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; margin-bottom: 0; } - .md\:p-6 { - padding: 1.5rem; + .md\:prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-size: 0.8888889em; + line-height: 1.5; + margin-top: 1em; + } + + .md\:prose-lg :where(.md\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + + .md\:prose-lg :where(.md\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-bottom: 0; } } @@ -2216,90 +2124,93 @@ html { line-height: 1.8; } - .lg\:prose-xl :where(p):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } - .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } - .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1.0666667em; } - .lg\:prose-xl :where(h1):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.8em; margin-top: 0; margin-bottom: 0.8571429em; line-height: 1; } - .lg\:prose-xl :where(h2):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.8em; margin-top: 1.5555556em; margin-bottom: 0.8888889em; line-height: 1.1111111; } - .lg\:prose-xl :where(h3):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.5em; margin-top: 1.6em; margin-bottom: 0.6666667em; line-height: 1.3333333; } - .lg\:prose-xl :where(h4):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.8em; margin-bottom: 0.6em; line-height: 1.6; } - .lg\:prose-xl :where(img):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } - .lg\:prose-xl :where(video):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } - .lg\:prose-xl :where(figure):not(:where([class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } - - .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } - .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + + .lg\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; - line-height: 1.5555556; - margin-top: 1em; + border-radius: 0.3125rem; + padding-top: 0.25em; + padding-right: 0.4em; + padding-bottom: 0.25em; + padding-left: 0.4em; } - .lg\:prose-xl :where(code):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } - .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8611111em; } - .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } - .lg\:prose-xl :where(pre):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.7777778; margin-top: 2em; @@ -2311,117 +2222,185 @@ html { padding-left: 1.3333333em; } - .lg\:prose-xl :where(ol):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-left: 1.6em; } - .lg\:prose-xl :where(ul):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-left: 1.6em; } - .lg\:prose-xl :where(li):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; } - .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.4em; } - .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.4em; } - .lg\:prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } - .lg\:prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } - .lg\:prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } - .lg\:prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } - .lg\:prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } - .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } - .lg\:prose-xl :where(hr):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.2em; + margin-bottom: 1.2em; + } + + .lg\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 1.2em; + } + + .lg\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0.6em; + padding-left: 1.6em; + } + + .lg\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; } - .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } - .lg\:prose-xl :where(table):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; } - .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0.6666667em; padding-bottom: 0.8888889em; padding-left: 0.6666667em; } - .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } - .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } - .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.8888889em; padding-right: 0.6666667em; padding-bottom: 0.8888889em; padding-left: 0.6666667em; } - .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0; } - .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-right: 0; } - .lg\:prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 2em; + margin-bottom: 2em; + } + + .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; + margin-bottom: 0; } - .lg\:prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) { + .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + font-size: 0.9em; + line-height: 1.5555556; + margin-top: 1em; + } + + .lg\:prose-xl :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + margin-top: 0; + } + + .lg\:prose-xl :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } + +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-900:hover { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +.hover\:bg-slate-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(30 41 59 / var(--tw-bg-opacity)); +} + +.hover\:underline:hover { + text-decoration-line: underline; +} + +@media (min-width: 768px) { + .md\:flex { + display: flex; + } + + .md\:hidden { + display: none; + } + + .md\:p-6 { + padding: 1.5rem; + } +} |