diff --git a/public/css/app.css b/public/css/app.css index ad4bd0a19..3dc1bc21a 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -956,185 +956,6 @@ input:invalid, textarea:invalid, select:invalid { .prose > :last-child { margin-bottom: 0; } -.prose-sm { - font-size: 0.875rem; - line-height: 1.7142857; -} -.prose-sm p { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; -} -.prose-sm [class~="lead"] { - font-size: 1.2857143em; - line-height: 1.5555556; - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; -} -.prose-sm blockquote { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-left: 1.1111111em; -} -.prose-sm h1 { - font-size: 2.1428571em; - margin-top: 0; - margin-bottom: 0.8em; - line-height: 1.2; -} -.prose-sm h2 { - font-size: 1.4285714em; - margin-top: 1.6em; - margin-bottom: 0.8em; - line-height: 1.4; -} -.prose-sm h3 { - font-size: 1.2857143em; - margin-top: 1.5555556em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; -} -.prose-sm h4 { - margin-top: 1.4285714em; - margin-bottom: 0.5714286em; - line-height: 1.4285714; -} -.prose-sm img { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} -.prose-sm video { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} -.prose-sm figure { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} -.prose-sm figure > * { - margin-top: 0; - margin-bottom: 0; -} -.prose-sm figure figcaption { - font-size: 0.8571429em; - line-height: 1.3333333; - margin-top: 0.6666667em; -} -.prose-sm code { - font-size: 0.8571429em; -} -.prose-sm h2 code { - font-size: 0.9em; -} -.prose-sm h3 code { - font-size: 0.8888889em; -} -.prose-sm pre { - font-size: 0.8571429em; - line-height: 1.6666667; - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - border-radius: 0.25rem; - padding-top: 0.6666667em; - padding-right: 1em; - padding-bottom: 0.6666667em; - padding-left: 1em; -} -.prose-sm ol { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; -} -.prose-sm ul { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; -} -.prose-sm li { - margin-top: 0.2857143em; - margin-bottom: 0.2857143em; -} -.prose-sm ol > li { - padding-left: 1.5714286em; -} -.prose-sm ol > li::before { - left: 0; -} -.prose-sm ul > li { - padding-left: 1.5714286em; -} -.prose-sm ul > li::before { - height: 0.3571429em; - width: 0.3571429em; - top: calc(0.8571429em - 0.1785714em); - left: 0.2142857em; -} -.prose-sm > ul > li p { - margin-top: 0.5714286em; - margin-bottom: 0.5714286em; -} -.prose-sm > ul > li > *:first-child { - margin-top: 1.1428571em; -} -.prose-sm > ul > li > *:last-child { - margin-bottom: 1.1428571em; -} -.prose-sm > ol > li > *:first-child { - margin-top: 1.1428571em; -} -.prose-sm > ol > li > *:last-child { - margin-bottom: 1.1428571em; -} -.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol { - margin-top: 0.5714286em; - margin-bottom: 0.5714286em; -} -.prose-sm hr { - margin-top: 2.8571429em; - margin-bottom: 2.8571429em; -} -.prose-sm hr + * { - margin-top: 0; -} -.prose-sm h2 + * { - margin-top: 0; -} -.prose-sm h3 + * { - margin-top: 0; -} -.prose-sm h4 + * { - margin-top: 0; -} -.prose-sm table { - font-size: 0.8571429em; - line-height: 1.5; -} -.prose-sm thead th { - padding-right: 1em; - padding-bottom: 0.6666667em; - padding-left: 1em; -} -.prose-sm thead th:first-child { - padding-left: 0; -} -.prose-sm thead th:last-child { - padding-right: 0; -} -.prose-sm tbody td { - padding-top: 0.6666667em; - padding-right: 1em; - padding-bottom: 0.6666667em; - padding-left: 1em; -} -.prose-sm tbody td:first-child { - padding-left: 0; -} -.prose-sm tbody td:last-child { - padding-right: 0; -} -.prose-sm > :first-child { - margin-top: 0; -} -.prose-sm > :last-child { - margin-bottom: 0; -} .prose-orange a { color: #E68400; } @@ -1452,6 +1273,9 @@ main { .w-5 { width: 1.25rem; } +.max-w-4xl { + max-width: 56rem; +} .max-w-prose { max-width: 65ch; } @@ -1464,15 +1288,6 @@ main { .max-w-xl { max-width: 36rem; } -.max-w-2xl { - max-width: 42rem; -} -.max-w-3xl { - max-width: 48rem; -} -.max-w-4xl { - max-width: 56rem; -} .flex-1 { flex: 1 1 0%; } @@ -2195,322 +2010,6 @@ main { opacity: 0.25; } @media (min-width: 640px) { - .sm\:prose { - color: #3f3f46; - max-width: 65ch; - } - .sm\:prose [class~="lead"] { - color: #52525b; - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; - } - .sm\:prose a { - color: #18181b; - text-decoration: underline; - font-weight: 500; - } - .sm\:prose strong { - color: #18181b; - font-weight: 600; - } - .sm\:prose ol[type="A"] { - --list-counter-style: upper-alpha; - } - .sm\:prose ol[type="a"] { - --list-counter-style: lower-alpha; - } - .sm\:prose ol[type="A s"] { - --list-counter-style: upper-alpha; - } - .sm\:prose ol[type="a s"] { - --list-counter-style: lower-alpha; - } - .sm\:prose ol[type="I"] { - --list-counter-style: upper-roman; - } - .sm\:prose ol[type="i"] { - --list-counter-style: lower-roman; - } - .sm\:prose ol[type="I s"] { - --list-counter-style: upper-roman; - } - .sm\:prose ol[type="i s"] { - --list-counter-style: lower-roman; - } - .sm\:prose ol[type="1"] { - --list-counter-style: decimal; - } - .sm\:prose ol > li { - position: relative; - padding-left: 1.75em; - } - .sm\:prose ol > li::before { - content: counter(list-item, var(--list-counter-style, decimal)) "."; - position: absolute; - font-weight: 400; - color: #71717a; - left: 0; - } - .sm\:prose ul > li { - position: relative; - padding-left: 1.75em; - } - .sm\:prose ul > li::before { - content: ""; - position: absolute; - background-color: #d4d4d8; - border-radius: 50%; - width: 0.375em; - height: 0.375em; - top: calc(0.875em - 0.1875em); - left: 0.25em; - } - .sm\:prose hr { - border-color: #e4e4e7; - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; - } - .sm\:prose blockquote { - font-weight: 500; - font-style: italic; - color: #18181b; - border-left-width: 0.25rem; - border-left-color: #e4e4e7; - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1em; - } - .sm\:prose blockquote p:first-of-type::before { - content: open-quote; - } - .sm\:prose blockquote p:last-of-type::after { - content: close-quote; - } - .sm\:prose h1 { - color: #18181b; - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - .sm\:prose h2 { - color: #18181b; - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; - } - .sm\:prose h3 { - color: #18181b; - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; - } - .sm\:prose h4 { - color: #18181b; - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; - } - .sm\:prose figure figcaption { - color: #71717a; - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; - } - .sm\:prose code { - color: #18181b; - font-weight: 600; - font-size: 0.875em; - } - .sm\:prose code::before { - content: "`"; - } - .sm\:prose code::after { - content: "`"; - } - .sm\:prose a code { - color: #18181b; - } - .sm\:prose pre { - color: #e4e4e7; - background-color: #27272a; - overflow-x: auto; - font-size: 0.875em; - line-height: 1.7142857; - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; - border-radius: 0.375rem; - padding-top: 0.8571429em; - padding-right: 1.1428571em; - padding-bottom: 0.8571429em; - padding-left: 1.1428571em; - } - .sm\:prose pre code { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: 400; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - } - .sm\:prose pre code::before { - content: none; - } - .sm\:prose pre code::after { - content: none; - } - .sm\:prose table { - width: 100%; - table-layout: auto; - text-align: left; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; - } - .sm\:prose thead { - color: #18181b; - font-weight: 600; - border-bottom-width: 1px; - border-bottom-color: #d4d4d8; - } - .sm\:prose thead th { - vertical-align: bottom; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; - } - .sm\:prose tbody tr { - border-bottom-width: 1px; - border-bottom-color: #e4e4e7; - } - .sm\:prose tbody tr:last-child { - border-bottom-width: 0; - } - .sm\:prose tbody td { - vertical-align: top; - padding-top: 0.5714286em; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; - } - .sm\:prose { - font-size: 1rem; - line-height: 1.75; - } - .sm\:prose p { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - .sm\:prose img { - margin-top: 2em; - margin-bottom: 2em; - } - .sm\:prose video { - margin-top: 2em; - margin-bottom: 2em; - } - .sm\:prose figure { - margin-top: 2em; - margin-bottom: 2em; - } - .sm\:prose figure > * { - margin-top: 0; - margin-bottom: 0; - } - .sm\:prose h2 code { - font-size: 0.875em; - } - .sm\:prose h3 code { - font-size: 0.9em; - } - .sm\:prose ol { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - .sm\:prose ul { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - .sm\:prose li { - margin-top: 0.5em; - margin-bottom: 0.5em; - } - .sm\:prose > ul > li p { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - .sm\:prose > ul > li > *:first-child { - margin-top: 1.25em; - } - .sm\:prose > ul > li > *:last-child { - margin-bottom: 1.25em; - } - .sm\:prose > ol > li > *:first-child { - margin-top: 1.25em; - } - .sm\:prose > ol > li > *:last-child { - margin-bottom: 1.25em; - } - .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - .sm\:prose ul ul, .sm\:prose ul ol, .sm\:prose ol ul, .sm\:prose ol ol { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - .sm\:prose hr + * { - margin-top: 0; - } - .sm\:prose h2 + * { - margin-top: 0; - } - .sm\:prose h3 + * { - margin-top: 0; - } - .sm\:prose h4 + * { - margin-top: 0; - } - .sm\:prose thead th:first-child { - padding-left: 0; - } - .sm\:prose thead th:last-child { - padding-right: 0; - } - .sm\:prose tbody td:first-child { - padding-left: 0; - } - .sm\:prose tbody td:last-child { - padding-right: 0; - } - .sm\:prose > :first-child { - margin-top: 0; - } - .sm\:prose > :last-child { - margin-bottom: 0; - } .sm\:top-1\/2 { top: 50%; } @@ -2848,197 +2347,6 @@ main { .lg\:prose-lg > :last-child { margin-bottom: 0; } - .lg\:prose-xl { - font-size: 1.25rem; - line-height: 1.8; - } - .lg\:prose-xl p { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - .lg\:prose-xl [class~="lead"] { - font-size: 1.2em; - line-height: 1.5; - margin-top: 1em; - margin-bottom: 1em; - } - .lg\:prose-xl blockquote { - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1.0666667em; - } - .lg\:prose-xl h1 { - font-size: 2.8em; - margin-top: 0; - margin-bottom: 0.8571429em; - line-height: 1; - } - .lg\:prose-xl h2 { - font-size: 1.8em; - margin-top: 1.5555556em; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - .lg\:prose-xl h3 { - font-size: 1.5em; - margin-top: 1.6em; - margin-bottom: 0.6666667em; - line-height: 1.3333333; - } - .lg\:prose-xl h4 { - margin-top: 1.8em; - margin-bottom: 0.6em; - line-height: 1.6; - } - .lg\:prose-xl img { - margin-top: 2em; - margin-bottom: 2em; - } - .lg\:prose-xl video { - margin-top: 2em; - margin-bottom: 2em; - } - .lg\:prose-xl figure { - margin-top: 2em; - margin-bottom: 2em; - } - .lg\:prose-xl figure > * { - margin-top: 0; - margin-bottom: 0; - } - .lg\:prose-xl figure figcaption { - font-size: 0.9em; - line-height: 1.5555556; - margin-top: 1em; - } - .lg\:prose-xl code { - font-size: 0.9em; - } - .lg\:prose-xl h2 code { - font-size: 0.8611111em; - } - .lg\:prose-xl h3 code { - font-size: 0.9em; - } - .lg\:prose-xl pre { - font-size: 0.9em; - line-height: 1.7777778; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.5rem; - padding-top: 1.1111111em; - padding-right: 1.3333333em; - padding-bottom: 1.1111111em; - padding-left: 1.3333333em; - } - .lg\:prose-xl ol { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - .lg\:prose-xl ul { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - .lg\:prose-xl li { - margin-top: 0.6em; - margin-bottom: 0.6em; - } - .lg\:prose-xl ol > li { - padding-left: 1.8em; - } - .lg\:prose-xl ol > li::before { - left: 0; - } - .lg\:prose-xl ul > li { - padding-left: 1.8em; - } - .lg\:prose-xl ul > li::before { - width: 0.35em; - height: 0.35em; - top: calc(0.9em - 0.175em); - left: 0.25em; - } - .lg\:prose-xl > ul > li p { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - .lg\:prose-xl > ul > li > *:first-child { - margin-top: 1.2em; - } - .lg\:prose-xl > ul > li > *:last-child { - margin-bottom: 1.2em; - } - .lg\:prose-xl > ol > li > *:first-child { - margin-top: 1.2em; - } - .lg\:prose-xl > ol > li > *:last-child { - margin-bottom: 1.2em; - } - .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - .lg\:prose-xl ul ul, .lg\:prose-xl ul ol, .lg\:prose-xl ol ul, .lg\:prose-xl ol ol { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - .lg\:prose-xl hr { - margin-top: 2.8em; - margin-bottom: 2.8em; - } - .lg\:prose-xl hr + * { - margin-top: 0; - } - .lg\:prose-xl h2 + * { - margin-top: 0; - } - .lg\:prose-xl h3 + * { - margin-top: 0; - } - .lg\:prose-xl h4 + * { - margin-top: 0; - } - .lg\:prose-xl table { - font-size: 0.9em; - line-height: 1.5555556; - } - .lg\:prose-xl thead th { - padding-right: 0.6666667em; - padding-bottom: 0.8888889em; - padding-left: 0.6666667em; - } - .lg\:prose-xl thead th:first-child { - padding-left: 0; - } - .lg\:prose-xl thead th:last-child { - padding-right: 0; - } - .lg\:prose-xl tbody td { - padding-top: 0.8888889em; - padding-right: 0.6666667em; - padding-bottom: 0.8888889em; - padding-left: 0.6666667em; - } - .lg\:prose-xl tbody td:first-child { - padding-left: 0; - } - .lg\:prose-xl tbody td:last-child { - padding-right: 0; - } - .lg\:prose-xl > :first-child { - margin-top: 0; - } - .lg\:prose-xl > :last-child { - margin-bottom: 0; - } .lg\:max-w-sm { max-width: 24rem; } @@ -3051,197 +2359,6 @@ main { } } @media (min-width: 1280px) { - .xl\:prose-2xl { - font-size: 1.5rem; - line-height: 1.6666667; - } - .xl\:prose-2xl p { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - .xl\:prose-2xl [class~="lead"] { - font-size: 1.25em; - line-height: 1.4666667; - margin-top: 1.0666667em; - margin-bottom: 1.0666667em; - } - .xl\:prose-2xl blockquote { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - padding-left: 1.1111111em; - } - .xl\:prose-2xl h1 { - font-size: 2.6666667em; - margin-top: 0; - margin-bottom: 0.875em; - line-height: 1; - } - .xl\:prose-2xl h2 { - font-size: 2em; - margin-top: 1.5em; - margin-bottom: 0.8333333em; - line-height: 1.0833333; - } - .xl\:prose-2xl h3 { - font-size: 1.5em; - margin-top: 1.5555556em; - margin-bottom: 0.6666667em; - line-height: 1.2222222; - } - .xl\:prose-2xl h4 { - margin-top: 1.6666667em; - margin-bottom: 0.6666667em; - line-height: 1.5; - } - .xl\:prose-2xl img { - margin-top: 2em; - margin-bottom: 2em; - } - .xl\:prose-2xl video { - margin-top: 2em; - margin-bottom: 2em; - } - .xl\:prose-2xl figure { - margin-top: 2em; - margin-bottom: 2em; - } - .xl\:prose-2xl figure > * { - margin-top: 0; - margin-bottom: 0; - } - .xl\:prose-2xl figure figcaption { - font-size: 0.8333333em; - line-height: 1.6; - margin-top: 1em; - } - .xl\:prose-2xl code { - font-size: 0.8333333em; - } - .xl\:prose-2xl h2 code { - font-size: 0.875em; - } - .xl\:prose-2xl h3 code { - font-size: 0.8888889em; - } - .xl\:prose-2xl pre { - font-size: 0.8333333em; - line-height: 1.8; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.5rem; - padding-top: 1.2em; - padding-right: 1.6em; - padding-bottom: 1.2em; - padding-left: 1.6em; - } - .xl\:prose-2xl ol { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - .xl\:prose-2xl ul { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - .xl\:prose-2xl li { - margin-top: 0.5em; - margin-bottom: 0.5em; - } - .xl\:prose-2xl ol > li { - padding-left: 1.6666667em; - } - .xl\:prose-2xl ol > li::before { - left: 0; - } - .xl\:prose-2xl ul > li { - padding-left: 1.6666667em; - } - .xl\:prose-2xl ul > li::before { - width: 0.3333333em; - height: 0.3333333em; - top: calc(0.8333333em - 0.1666667em); - left: 0.25em; - } - .xl\:prose-2xl > ul > li p { - margin-top: 0.8333333em; - margin-bottom: 0.8333333em; - } - .xl\:prose-2xl > ul > li > *:first-child { - margin-top: 1.3333333em; - } - .xl\:prose-2xl > ul > li > *:last-child { - margin-bottom: 1.3333333em; - } - .xl\:prose-2xl > ol > li > *:first-child { - margin-top: 1.3333333em; - } - .xl\:prose-2xl > ol > li > *:last-child { - margin-bottom: 1.3333333em; - } - .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - .xl\:prose-2xl ul ul, .xl\:prose-2xl ul ol, .xl\:prose-2xl ol ul, .xl\:prose-2xl ol ol { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - .xl\:prose-2xl hr { - margin-top: 3em; - margin-bottom: 3em; - } - .xl\:prose-2xl hr + * { - margin-top: 0; - } - .xl\:prose-2xl h2 + * { - margin-top: 0; - } - .xl\:prose-2xl h3 + * { - margin-top: 0; - } - .xl\:prose-2xl h4 + * { - margin-top: 0; - } - .xl\:prose-2xl table { - font-size: 0.8333333em; - line-height: 1.4; - } - .xl\:prose-2xl thead th { - padding-right: 0.6em; - padding-bottom: 0.8em; - padding-left: 0.6em; - } - .xl\:prose-2xl thead th:first-child { - padding-left: 0; - } - .xl\:prose-2xl thead th:last-child { - padding-right: 0; - } - .xl\:prose-2xl tbody td { - padding-top: 0.8em; - padding-right: 0.6em; - padding-bottom: 0.8em; - padding-left: 0.6em; - } - .xl\:prose-2xl tbody td:first-child { - padding-left: 0; - } - .xl\:prose-2xl tbody td:last-child { - padding-right: 0; - } - .xl\:prose-2xl > :first-child { - margin-top: 0; - } - .xl\:prose-2xl > :last-child { - margin-bottom: 0; - } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }