diff --git a/.gitignore b/.gitignore index de031e75..d5d75e71 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ _site/ +_tmp/ node_modules/ package-lock.json .idea diff --git a/_tmp/style.css b/_tmp/style.css deleted file mode 100644 index d5f4ddbd..00000000 --- a/_tmp/style.css +++ /dev/null @@ -1,2944 +0,0 @@ -/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com */ - -/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ - -/* -Document -======== -*/ - -/** -Use a better box model (opinionated). -*/ - -*, -::before, -::after { - box-sizing: border-box; -} - -/** -Use a more readable tab size (opinionated). -*/ - -html { - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; -} - -/** -1. Correct the line height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -*/ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* -Sections -======== -*/ - -/** -Remove the margin in all browsers. -*/ - -body { - margin: 0; -} - -/** -Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) -*/ - -body { - font-family: - system-ui, - -apple-system, /* Firefox supports this but not yet `system-ui` */ - 'Segoe UI', - Roboto, - Helvetica, - Arial, - sans-serif, - 'Apple Color Emoji', - 'Segoe UI Emoji'; -} - -/* -Grouping content -================ -*/ - -/** -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -*/ - -hr { - height: 0; /* 1 */ - color: inherit; /* 2 */ -} - -/* -Text-level semantics -==================== -*/ - -/** -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/** -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/** -1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) -2. Correct the odd 'em' font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: - ui-monospace, - SFMono-Regular, - Consolas, - 'Liberation Mono', - Menlo, - monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/** -Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -Tabular data -============ -*/ - -/** -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -*/ - -table { - text-indent: 0; /* 1 */ - border-color: inherit; /* 2 */ -} - -/* -Forms -===== -*/ - -/** -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** -Remove the inheritance of text transform in Edge and Firefox. -1. Remove the inheritance of text transform in Firefox. -*/ - -button, -select { /* 1 */ - text-transform: none; -} - -/** -Correct the inability to style clickable types in iOS and Safari. -*/ - -button, -[type='button'], -[type='submit'] { - -webkit-appearance: button; -} - -/** -Remove the inner border and padding in Firefox. -*/ - -/** -Restore the focus styles unset by the previous rule. -*/ - -/** -Remove the additional ':invalid' styles in Firefox. -See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 -*/ - -/** -Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. -*/ - -legend { - padding: 0; -} - -/** -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/** -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -/** -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** -Remove the inner padding in Chrome and Safari on macOS. -*/ - -/** -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to 'inherit' in Safari. -*/ - -/* -Interactive -=========== -*/ - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/** - * Manually forked from SUIT CSS Base: https://github.com/suitcss/base - * A thin layer on top of normalize.css that provides a starting point more - * suitable for web applications. - */ - -/** - * Removes the default spacing and border for appropriate elements. - */ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -button { - background-color: transparent; - background-image: none; -} - -fieldset { - margin: 0; - padding: 0; -} - -ol, -ul { - list-style: none; - margin: 0; - padding: 0; -} - -/** - * Tailwind custom reset styles - */ - -/** - * 1. Use the user's configured `sans` font-family (with Tailwind's default - * sans-serif font stack as a fallback) as a sane default. - * 2. Use Tailwind's default "normal" line-height so the user isn't forced - * to override it to ensure consistency even when using the default theme. - */ - -html { - 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"; /* 1 */ - line-height: 1.5; /* 2 */ -} - -/** - * Inherit font-family and line-height from `html` so users can set them as - * a class directly on the `html` element. - */ - -body { - font-family: inherit; - line-height: inherit; -} - -/** - * 1. Prevent padding and border from affecting element width. - * - * We used to set this in the html element and inherit from - * the parent element for everything else. This caused issues - * in shadow-dom-enhanced elements like
where the content - * is wrapped by a div with box-sizing set to `content-box`. - * - * https://github.com/mozdevs/cssremedy/issues/4 - * - * - * 2. Allow adding a border to an element by just adding a border-width. - * - * By default, the way the browser specifies that an element should have no - * border is by setting it's border-style to `none` in the user-agent - * stylesheet. - * - * In order to easily add borders to elements by just setting the `border-width` - * property, we change the default border-style for all elements to `solid`, and - * use border-width to hide them instead. This way our `border` utilities only - * need to set the `border-width` property instead of the entire `border` - * shorthand, making our border utilities much more straightforward to compose. - * - * https://github.com/tailwindcss/tailwindcss/pull/116 - */ - -*, -::before, -::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: currentColor; /* 2 */ -} - -/* - * Ensure horizontal rules are visible by default - */ - -hr { - border-top-width: 1px; -} - -/** - * Undo the `border-style: none` reset that Normalize applies to images so that - * our `border-{width}` utilities have the expected effect. - * - * The Normalize reset is unnecessary for us since we default the border-width - * to 0 on all elements. - * - * https://github.com/tailwindcss/tailwindcss/issues/362 - */ - -img { - border-style: solid; -} - -textarea { - resize: vertical; -} - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - color: #9ca3af; -} - -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - opacity: 1; - color: #9ca3af; -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - color: #9ca3af; -} - -button { - cursor: pointer; -} - -table { - border-collapse: collapse; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/** - * Reset links to optimize for opt-in styling instead of - * opt-out. - */ - -a { - color: inherit; - text-decoration: inherit; -} - -/** - * Reset form element properties that are easy to forget to - * style explicitly so you don't inadvertently introduce - * styles that deviate from your design system. These styles - * supplement a partial reset that is already applied by - * normalize.css. - */ - -button, -input, -optgroup, -select, -textarea { - padding: 0; - line-height: inherit; - color: inherit; -} - -/** - * Use the configured 'mono' font family for elements that - * are expected to be rendered with a monospace font, falling - * back to the system monospace stack if there is no configured - * 'mono' font family. - */ - -pre, -code, -kbd, -samp { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -/** - * 1. Make replaced elements `display: block` by default as that's - * the behavior you want almost all of the time. Inspired by - * CSS Remedy, with `svg` added as well. - * - * https://github.com/mozdevs/cssremedy/issues/14 - * - * 2. Add `vertical-align: middle` to align replaced elements more - * sensibly by default when overriding `display` by adding a - * utility like `inline`. - * - * This can trigger a poorly considered linting error in some - * tools but is included by design. - * - * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 - */ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; /* 1 */ - vertical-align: middle; /* 2 */ -} - -/** - * Constrain images and videos to the parent width and preserve - * their intrinsic aspect ratio. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ - -img, -video { - max-width: 100%; - height: auto; -} - -/** - * Ensure the default browser behavior of the `hidden` attribute. - */ - -[hidden] { - display: none; -} - -*, ::before, ::after { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); -} - - - [type='text'], - [type='email'], - [type='password'], - [type='search'], - [type='time'], - textarea, - select - { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - border-color: #6b7280; - border-width: 1px; - border-radius: 0px; - padding-top: 0.5rem; - padding-right: 0.75rem; - padding-bottom: 0.5rem; - padding-left: 0.75rem; - font-size: 1rem; - line-height: 1.5rem; -} - -[type='text']:focus, [type='email']:focus, [type='password']:focus, [type='search']:focus, [type='time']:focus, textarea:focus, select:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: #2563eb; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); - border-color: #2563eb; -} - -input::-moz-placeholder, textarea::-moz-placeholder { - color: #6b7280; - opacity: 1; -} - -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #6b7280; - opacity: 1; -} - -input::placeholder, textarea::placeholder { - color: #6b7280; - opacity: 1; -} - -select { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); - background-position: right 0.5rem center; - background-repeat: no-repeat; - background-size: 1.5em 1.5em; - padding-right: 2.5rem; - -webkit-print-color-adjust: exact; - color-adjust: exact; -} - -/* Set up some default image behavior for nicer images */ - -img { - width: auto !important; - border-width: 2px !important; - border-color: transparent !important; - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important -} - -img:hover { - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)) -} - -/* Overrides for Tailwind Typography prose class */ - -.dark .prose a { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); -} - -.dark .prose a:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -.dark .prose h1, .dark .prose h2, .dark .prose h3, .dark .prose h4, .dark .prose h5, .dark .prose h6 .prose hr, .dark .prose strong { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); -} - -.prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { - scroll-margin-top: 3.5em; -} - -.prose pre code { - overflow-x: auto !important -} - -.prose .footer-nav a { - text-decoration: none !important -} - -/* Define blockquotes and some standard callout blocks */ - -blockquote { - border-radius: 0.5rem; - border-left-width: 8px; - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); -} - -.dark blockquote { - --tw-border-opacity: 1; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)); -} - -blockquote { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); -} - -.dark blockquote { - --tw-bg-opacity: 1; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)); -} - -blockquote { - padding: 1rem; -} - -/* Overrides for nav/Table of Contents block */ - -nav ul { - margin-left: 0px; - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -nav ul ul { - margin-left: 1.5rem; - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -nav ul li a { - margin-bottom: 0.25rem; - display: block; - width: 100%; - padding-top: 0.5rem; - padding-right: 1rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -.dark nav ul li a { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - -nav ul li a:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); -} - -.dark nav ul li a:hover { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); -} - -nav ul li a.active { - font-weight: 600; -} - -.dark .prose .footer-nav a:hover { - --tw-text-opacity: 1 !important; - color: rgba(156, 163, 175, var(--tw-text-opacity)) !important; -} - -/* Utilities and misc */ - -.adjust p img, .adjust img, .adjust p iframe, .adjust iframe { - margin-right: auto !important; - margin-left: auto !important; - padding: 0.5rem !important; - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important -} - -.adjust p img:hover, .adjust img:hover { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) -} - -.adjust img.button { - width: auto !important; - --tw-shadow: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important -} - -.text-align-center { - display: flex; - justify-content: center; -} - -.dark input { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); -} - -.prose { - color: #374151; - max-width: 100%; -} - -.prose [class~="lead"] { - color: #4b5563; - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; -} - -.prose a { - color: #1D4ED8; - text-decoration: underline; - font-weight: 500; -} - -.prose a:hover { - color: #1E3A8A; -} - -.prose strong { - color: #111827; - font-weight: 600; -} - -.prose ol { - counter-reset: list-counter; - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose ol > li { - position: relative; - counter-increment: list-counter; - padding-left: 1.75em; -} - -.prose ol > li::before { - content: counter(list-counter) "."; - position: absolute; - font-weight: 400; - color: #6b7280; - left: 0; -} - -.prose ul > li { - position: relative; - padding-left: 1.75em; -} - -.prose ul > li::before { - content: ""; - position: absolute; - background-color: #d1d5db; - border-radius: 50%; - width: 0.375em; - height: 0.375em; - top: calc(0.875em - 0.1875em); - left: 0.25em; -} - -.prose hr { - border-color: #e5e7eb; - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; -} - -.prose blockquote { - font-weight: 500; - font-style: italic; - color: #111827; - border-left-width: 0.25rem; - border-left-color: #e5e7eb; - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1em; -} - -.prose blockquote p:first-of-type::before { - content: open-quote; -} - -.prose blockquote p:last-of-type::after { - content: close-quote; -} - -.prose h1 { - color: #111827; - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; -} - -.prose h2 { - color: #111827; - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; -} - -.prose h3 { - color: #111827; - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; -} - -.prose h4 { - color: #111827; - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; -} - -.prose figure figcaption { - color: #6b7280; - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; -} - -.prose code { - color: #111827; - font-weight: 600; - font-size: 0.875em; -} - -.prose code::before { - content: "`"; -} - -.prose code::after { - content: "`"; -} - -.prose a code { - color: #111827; -} - -.prose pre { - color: #e5e7eb; - background-color: #1f2937; - 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; -} - -.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; -} - -.prose pre code::before { - content: ""; -} - -.prose pre code::after { - content: ""; -} - -.prose table { - width: 100%; - table-layout: auto; - text-align: left; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; -} - -.prose thead { - color: #111827; - font-weight: 600; - border-bottom-width: 1px; - border-bottom-color: #d1d5db; -} - -.prose thead th { - vertical-align: bottom; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; -} - -.prose tbody tr { - border-bottom-width: 1px; - border-bottom-color: #e5e7eb; -} - -.prose tbody tr:last-child { - border-bottom-width: 0; -} - -.prose tbody td { - vertical-align: top; - padding-top: 0.5714286em; - padding-right: 0.5714286em; - padding-bottom: 0.5714286em; - padding-left: 0.5714286em; -} - -.prose { - font-size: 1rem; - line-height: 1.75; -} - -.prose p { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose img { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose video { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose figure { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose figure > * { - margin-top: 0; - margin-bottom: 0; -} - -.prose h2 code { - font-size: 0.875em; -} - -.prose h3 code { - font-size: 0.9em; -} - -.prose ul { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose li { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.prose > ul > li p { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose > ul > li > *:first-child { - margin-top: 1.25em; -} - -.prose > ul > li > *:last-child { - margin-bottom: 1.25em; -} - -.prose > ol > li > *:first-child { - margin-top: 1.25em; -} - -.prose > ol > li > *:last-child { - margin-bottom: 1.25em; -} - -.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose hr + * { - margin-top: 0; -} - -.prose h2 + * { - margin-top: 0; -} - -.prose h3 + * { - margin-top: 0; -} - -.prose h4 + * { - margin-top: 0; -} - -.prose thead th:first-child { - padding-left: 0; -} - -.prose thead th:last-child { - padding-right: 0; -} - -.prose tbody td:first-child { - padding-left: 0; -} - -.prose tbody td:last-child { - padding-right: 0; -} - -.prose > :first-child { - margin-top: 0; -} - -.prose > :last-child { - margin-bottom: 0; -} - -.prose ul.footer-nav ::before { - display: none; - text-decoration: none; -} - -.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; -} - -.visible { - visibility: visible !important; -} - -.fixed { - position: fixed !important; -} - -.absolute { - position: absolute !important; -} - -.relative { - position: relative !important; -} - -.sticky { - position: sticky !important; -} - -.inset-y-0 { - top: 0px !important; - bottom: 0px !important; -} - -.top-0 { - top: 0px !important; -} - -.right-0 { - right: 0px !important; -} - -.left-0 { - left: 0px !important; -} - -.z-10 { - z-index: 10 !important; -} - -.z-20 { - z-index: 20 !important; -} - -.z-50 { - z-index: 50 !important; -} - -.float-right { - float: right !important; -} - -.clear-right { - clear: right !important; -} - -.m-0 { - margin: 0px !important; -} - -.mx-auto { - margin-left: auto !important; - margin-right: auto !important; -} - -.mt-1 { - margin-top: 0.25rem !important; -} - -.mt-4 { - margin-top: 1rem !important; -} - -.mt-8 { - margin-top: 2rem !important; -} - -.mt-12 { - margin-top: 3rem !important; -} - -.mt-20 { - margin-top: 5rem !important; -} - -.-mt-0 { - margin-top: 0px !important; -} - -.mr-1 { - margin-right: 0.25rem !important; -} - -.mr-2 { - margin-right: 0.5rem !important; -} - -.mr-3 { - margin-right: 0.75rem !important; -} - -.-mr-4 { - margin-right: -1rem !important; -} - -.mb-2 { - margin-bottom: 0.5rem !important; -} - -.mb-4 { - margin-bottom: 1rem !important; -} - -.mb-6 { - margin-bottom: 1.5rem !important; -} - -.mb-8 { - margin-bottom: 2rem !important; -} - -.ml-0 { - margin-left: 0px !important; -} - -.ml-2 { - margin-left: 0.5rem !important; -} - -.block { - display: block !important; -} - -.inline-block { - display: inline-block !important; -} - -.flex { - display: flex !important; -} - -.table { - display: table !important; -} - -.hidden { - display: none !important; -} - -.h-6 { - height: 1.5rem !important; -} - -.h-12 { - height: 3rem !important; -} - -.h-16 { - height: 4rem !important; -} - -.h-screen { - height: 100vh !important; -} - -.w-6 { - width: 1.5rem !important; -} - -.w-60 { - width: 15rem !important; -} - -.w-64 { - width: 16rem !important; -} - -.w-auto { - width: auto !important; -} - -.w-full { - width: 100% !important; -} - -.max-w-5xl { - max-width: 64rem !important; -} - -.flex-none { - flex: none !important; -} - -.flex-grow { - flex-grow: 1 !important; -} - -.transform { - --tw-translate-x: 0 !important; - --tw-translate-y: 0 !important; - --tw-rotate: 0 !important; - --tw-skew-x: 0 !important; - --tw-skew-y: 0 !important; - --tw-scale-x: 1 !important; - --tw-scale-y: 1 !important; - transform: translateX(var(--tw-translate-x)) translateY(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)) !important; -} - -@-webkit-keyframes spin { - to { - transform: rotate(360deg); - } -} - -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -@-webkit-keyframes ping { - 75%, 100% { - transform: scale(2); - opacity: 0; - } -} - -@keyframes ping { - 75%, 100% { - transform: scale(2); - opacity: 0; - } -} - -@-webkit-keyframes pulse { - 50% { - opacity: .5; - } -} - -@keyframes pulse { - 50% { - opacity: .5; - } -} - -@-webkit-keyframes bounce { - 0%, 100% { - transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); - } - - 50% { - transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); - } -} - -@keyframes bounce { - 0%, 100% { - transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); - } - - 50% { - transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); - } -} - -.cursor-pointer { - cursor: pointer !important; -} - -.list-none { - list-style-type: none !important; -} - -.appearance-none { - -webkit-appearance: none !important; - -moz-appearance: none !important; - appearance: none !important; -} - -.flex-row-reverse { - flex-direction: row-reverse !important; -} - -.flex-col { - flex-direction: column !important; -} - -.flex-wrap { - flex-wrap: wrap !important; -} - -.items-center { - align-items: center !important; -} - -.justify-end { - justify-content: flex-end !important; -} - -.justify-center { - justify-content: center !important; -} - -.justify-between { - justify-content: space-between !important; -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; -} - -.divide-y > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; -} - -.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1 !important; - border-color: rgba(209, 213, 219, var(--tw-divide-opacity)) !important; -} - -.self-center { - align-self: center !important; -} - -.overflow-y-auto { - overflow-y: auto !important; -} - -.overflow-x-hidden { - overflow-x: hidden !important; -} - -.rounded { - border-radius: 0.25rem !important; -} - -.border { - border-width: 1px !important; -} - -.border-t { - border-top-width: 1px !important; -} - -.border-r { - border-right-width: 1px !important; -} - -.border-b { - border-bottom-width: 1px !important; -} - -.border-l { - border-left-width: 1px !important; -} - -.border-gray-100 { - --tw-border-opacity: 1 !important; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)) !important; -} - -.border-gray-200 { - --tw-border-opacity: 1 !important; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)) !important; -} - -.border-gray-800 { - --tw-border-opacity: 1 !important; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)) !important; -} - -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1 !important; - border-color: rgba(55, 65, 81, var(--tw-border-opacity)) !important; -} - -.dark .dark\:border-gray-800 { - --tw-border-opacity: 1 !important; - border-color: rgba(31, 41, 55, var(--tw-border-opacity)) !important; -} - -.bg-white { - --tw-bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; -} - -.bg-gray-50 { - --tw-bg-opacity: 1 !important; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important; -} - -.bg-gray-100 { - --tw-bg-opacity: 1 !important; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important; -} - -.bg-green-600 { - --tw-bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-200:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)) !important; -} - -.hover\:bg-blue-600:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)) !important; -} - -.dark .dark\:bg-gray-200 { - --tw-bg-opacity: 1 !important; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)) !important; -} - -.dark .dark\:bg-gray-500 { - --tw-bg-opacity: 1 !important; - background-color: rgba(107, 114, 128, var(--tw-bg-opacity)) !important; -} - -.dark .dark\:bg-gray-700 { - --tw-bg-opacity: 1 !important; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)) !important; -} - -.dark .dark\:bg-gray-800 { - --tw-bg-opacity: 1 !important; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)) !important; -} - -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1 !important; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)) !important; -} - -.p-0 { - padding: 0px !important; -} - -.p-2 { - padding: 0.5rem !important; -} - -.p-4 { - padding: 1rem !important; -} - -.p-6 { - padding: 1.5rem !important; -} - -.p-8 { - padding: 2rem !important; -} - -.px-0 { - padding-left: 0px !important; - padding-right: 0px !important; -} - -.px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; -} - -.px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.pt-0 { - padding-top: 0px !important; -} - -.pt-1 { - padding-top: 0.25rem !important; -} - -.pt-4 { - padding-top: 1rem !important; -} - -.pt-16 { - padding-top: 4rem !important; -} - -.pt-32 { - padding-top: 8rem !important; -} - -.pr-0 { - padding-right: 0px !important; -} - -.pr-4 { - padding-right: 1rem !important; -} - -.pb-1 { - padding-bottom: 0.25rem !important; -} - -.pl-0 { - padding-left: 0px !important; -} - -.pl-3 { - padding-left: 0.75rem !important; -} - -.pl-4 { - padding-left: 1rem !important; -} - -.text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; -} - -.text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; -} - -.text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; -} - -.text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; -} - -.font-normal { - font-weight: 400 !important; -} - -.font-semibold { - font-weight: 600 !important; -} - -.font-bold { - font-weight: 700 !important; -} - -.uppercase { - text-transform: uppercase !important; -} - -.leading-tight { - line-height: 1.25 !important; -} - -.tracking-wide { - letter-spacing: 0.025em !important; -} - -.text-current { - color: currentColor !important; -} - -.text-white { - --tw-text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; -} - -.text-gray-100 { - --tw-text-opacity: 1 !important; - color: rgba(243, 244, 246, var(--tw-text-opacity)) !important; -} - -.text-gray-400 { - --tw-text-opacity: 1 !important; - color: rgba(156, 163, 175, var(--tw-text-opacity)) !important; -} - -.text-gray-500 { - --tw-text-opacity: 1 !important; - color: rgba(107, 114, 128, var(--tw-text-opacity)) !important; -} - -.text-gray-600 { - --tw-text-opacity: 1 !important; - color: rgba(75, 85, 99, var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-600:hover { - --tw-text-opacity: 1 !important; - color: rgba(75, 85, 99, var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-800:hover { - --tw-text-opacity: 1 !important; - color: rgba(31, 41, 55, var(--tw-text-opacity)) !important; -} - -.hover\:text-yellow-400:hover { - --tw-text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--tw-text-opacity)) !important; -} - -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1 !important; - color: rgba(156, 163, 175, var(--tw-text-opacity)) !important; -} - -.dark .dark\:text-gray-500 { - --tw-text-opacity: 1 !important; - color: rgba(107, 114, 128, var(--tw-text-opacity)) !important; -} - -.dark .dark\:text-gray-600 { - --tw-text-opacity: 1 !important; - color: rgba(75, 85, 99, var(--tw-text-opacity)) !important; -} - -.dark .dark\:text-yellow-400 { - --tw-text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--tw-text-opacity)) !important; -} - -.no-underline { - text-decoration: none !important; -} - -.placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1 !important; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)) !important; -} - -.placeholder-gray-300:-ms-input-placeholder { - --tw-placeholder-opacity: 1 !important; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)) !important; -} - -.placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1 !important; - color: rgba(209, 213, 219, var(--tw-placeholder-opacity)) !important; -} - -*, ::before, ::after { - --tw-shadow: 0 0 #0000; -} - -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -*, ::before, ::after { - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgba(59, 130, 246, 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; -} - -.focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus\:ring-blue-200:focus { - --tw-ring-opacity: 1 !important; - --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)) !important; -} - -.dark .dark\:focus\:ring-gray-700:focus { - --tw-ring-opacity: 1 !important; - --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity)) !important; -} - -.ring-opacity-50 { - --tw-ring-opacity: 0.5 !important; -} - -.transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.duration-200 { - transition-duration: 200ms !important; -} - -@media (min-width: 640px) { - .sm\:prose { - color: #374151; - max-width: 100%; - } - - .sm\:prose [class~="lead"] { - color: #4b5563; - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .sm\:prose a { - color: #1D4ED8; - text-decoration: underline; - font-weight: 500; - } - - .sm\:prose a:hover { - color: #1E3A8A; - } - - .sm\:prose strong { - color: #111827; - font-weight: 600; - } - - .sm\:prose ol { - counter-reset: list-counter; - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .sm\:prose ol > li { - position: relative; - counter-increment: list-counter; - padding-left: 1.75em; - } - - .sm\:prose ol > li::before { - content: counter(list-counter) "."; - position: absolute; - font-weight: 400; - color: #6b7280; - left: 0; - } - - .sm\:prose ul > li { - position: relative; - padding-left: 1.75em; - } - - .sm\:prose ul > li::before { - content: ""; - position: absolute; - background-color: #d1d5db; - border-radius: 50%; - width: 0.375em; - height: 0.375em; - top: calc(0.875em - 0.1875em); - left: 0.25em; - } - - .sm\:prose hr { - border-color: #e5e7eb; - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; - } - - .sm\:prose blockquote { - font-weight: 500; - font-style: italic; - color: #111827; - border-left-width: 0.25rem; - border-left-color: #e5e7eb; - 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: #111827; - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - - .sm\:prose h2 { - color: #111827; - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; - } - - .sm\:prose h3 { - color: #111827; - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; - } - - .sm\:prose h4 { - color: #111827; - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; - } - - .sm\:prose figure figcaption { - color: #6b7280; - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; - } - - .sm\:prose code { - color: #111827; - font-weight: 600; - font-size: 0.875em; - } - - .sm\:prose code::before { - content: "`"; - } - - .sm\:prose code::after { - content: "`"; - } - - .sm\:prose a code { - color: #111827; - } - - .sm\:prose pre { - color: #e5e7eb; - background-color: #1f2937; - 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: ""; - } - - .sm\:prose pre code::after { - content: ""; - } - - .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: #111827; - font-weight: 600; - border-bottom-width: 1px; - border-bottom-color: #d1d5db; - } - - .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: #e5e7eb; - } - - .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 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 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\:text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; - } -} - -@media (min-width: 768px) { - .md\:right-0 { - right: 0px !important; - } - - .md\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; - } - - .md\:mr-2 { - margin-right: 0.5rem !important; - } - - .md\:ml-2 { - margin-left: 0.5rem !important; - } - - .md\:block { - display: block !important; - } - - .md\:flex { - display: flex !important; - } - - .md\:hidden { - display: none !important; - } - - .md\:h-20 { - height: 5rem !important; - } - - .md\:w-64 { - width: 16rem !important; - } - - .md\:w-1\/2 { - width: 50% !important; - } - - .md\:w-full { - width: 100% !important; - } - - .md\:max-w-lg { - max-width: 32rem !important; - } - - .md\:flex-wrap { - flex-wrap: wrap !important; - } - - .md\:justify-between { - justify-content: space-between !important; - } - - .md\:border-r { - border-right-width: 1px !important; - } - - .md\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .md\:pt-20 { - padding-top: 5rem !important; - } - - .md\:pl-64 { - padding-left: 16rem !important; - } - - .md\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; - } -} - -@media (min-width: 1024px) { - .lg\:prose-lg { - font-size: 1.125rem; - line-height: 1.7777778; - } - - .lg\:prose-lg p { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg [class~="lead"] { - font-size: 1.2222222em; - line-height: 1.4545455; - margin-top: 1.0909091em; - margin-bottom: 1.0909091em; - } - - .lg\:prose-lg blockquote { - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - padding-left: 1em; - } - - .lg\:prose-lg h1 { - font-size: 2.6666667em; - margin-top: 0; - margin-bottom: 0.8333333em; - line-height: 1; - } - - .lg\:prose-lg h2 { - font-size: 1.6666667em; - margin-top: 1.8666667em; - margin-bottom: 1.0666667em; - line-height: 1.3333333; - } - - .lg\:prose-lg h3 { - font-size: 1.3333333em; - margin-top: 1.6666667em; - margin-bottom: 0.6666667em; - line-height: 1.5; - } - - .lg\:prose-lg h4 { - margin-top: 1.7777778em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; - } - - .lg\:prose-lg img { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg video { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg figure { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg figure > * { - margin-top: 0; - margin-bottom: 0; - } - - .lg\:prose-lg figure figcaption { - font-size: 0.8888889em; - line-height: 1.5; - margin-top: 1em; - } - - .lg\:prose-lg code { - font-size: 0.8888889em; - } - - .lg\:prose-lg h2 code { - font-size: 0.8666667em; - } - - .lg\:prose-lg h3 code { - font-size: 0.875em; - } - - .lg\:prose-lg pre { - font-size: 0.8888889em; - line-height: 1.75; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.375rem; - padding-top: 1em; - padding-right: 1.5em; - padding-bottom: 1em; - padding-left: 1.5em; - } - - .lg\:prose-lg ol { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg ul { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg li { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - - .lg\:prose-lg ol > li { - padding-left: 1.6666667em; - } - - .lg\:prose-lg ol > li::before { - left: 0; - } - - .lg\:prose-lg ul > li { - padding-left: 1.6666667em; - } - - .lg\:prose-lg ul > li::before { - width: 0.3333333em; - height: 0.3333333em; - top: calc(0.8888889em - 0.1666667em); - left: 0.2222222em; - } - - .lg\:prose-lg > ul > li p { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .lg\:prose-lg > ul > li > *:first-child { - margin-top: 1.3333333em; - } - - .lg\:prose-lg > ul > li > *:last-child { - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg > ol > li > *:first-child { - margin-top: 1.3333333em; - } - - .lg\:prose-lg > ol > li > *:last-child { - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg ul ul, .lg\:prose-lg ul ol, .lg\:prose-lg ol ul, .lg\:prose-lg ol ol { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .lg\:prose-lg hr { - margin-top: 3.1111111em; - margin-bottom: 3.1111111em; - } - - .lg\:prose-lg hr + * { - margin-top: 0; - } - - .lg\:prose-lg h2 + * { - margin-top: 0; - } - - .lg\:prose-lg h3 + * { - margin-top: 0; - } - - .lg\:prose-lg h4 + * { - margin-top: 0; - } - - .lg\:prose-lg table { - font-size: 0.8888889em; - line-height: 1.5; - } - - .lg\:prose-lg thead th { - padding-right: 0.75em; - padding-bottom: 0.75em; - padding-left: 0.75em; - } - - .lg\:prose-lg thead th:first-child { - padding-left: 0; - } - - .lg\:prose-lg thead th:last-child { - padding-right: 0; - } - - .lg\:prose-lg tbody td { - padding-top: 0.75em; - padding-right: 0.75em; - padding-bottom: 0.75em; - padding-left: 0.75em; - } - - .lg\:prose-lg tbody td:first-child { - padding-left: 0; - } - - .lg\:prose-lg tbody td:last-child { - padding-right: 0; - } - - .lg\:prose-lg > :first-child { - margin-top: 0; - } - - .lg\:prose-lg > :last-child { - margin-bottom: 0; - } - - .lg\:w-72 { - width: 18rem !important; - } - - .lg\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .lg\:pl-72 { - padding-left: 18rem !important; - } - - .lg\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; - } -} - -@media (min-width: 1280px) { - .xl\:prose-xl { - font-size: 1.25rem; - line-height: 1.8; - } - - .xl\:prose-xl p { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .xl\:prose-xl [class~="lead"] { - font-size: 1.2em; - line-height: 1.5; - margin-top: 1em; - margin-bottom: 1em; - } - - .xl\:prose-xl blockquote { - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1.0666667em; - } - - .xl\:prose-xl h1 { - font-size: 2.8em; - margin-top: 0; - margin-bottom: 0.8571429em; - line-height: 1; - } - - .xl\:prose-xl h2 { - font-size: 1.8em; - margin-top: 1.5555556em; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - - .xl\:prose-xl h3 { - font-size: 1.5em; - margin-top: 1.6em; - margin-bottom: 0.6666667em; - line-height: 1.3333333; - } - - .xl\:prose-xl h4 { - margin-top: 1.8em; - margin-bottom: 0.6em; - line-height: 1.6; - } - - .xl\:prose-xl img { - margin-top: 2em; - margin-bottom: 2em; - } - - .xl\:prose-xl video { - margin-top: 2em; - margin-bottom: 2em; - } - - .xl\:prose-xl figure { - margin-top: 2em; - margin-bottom: 2em; - } - - .xl\:prose-xl figure > * { - margin-top: 0; - margin-bottom: 0; - } - - .xl\:prose-xl figure figcaption { - font-size: 0.9em; - line-height: 1.5555556; - margin-top: 1em; - } - - .xl\:prose-xl code { - font-size: 0.9em; - } - - .xl\:prose-xl h2 code { - font-size: 0.8611111em; - } - - .xl\:prose-xl h3 code { - font-size: 0.9em; - } - - .xl\: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; - } - - .xl\:prose-xl ol { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .xl\:prose-xl ul { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .xl\:prose-xl li { - margin-top: 0.6em; - margin-bottom: 0.6em; - } - - .xl\:prose-xl ol > li { - padding-left: 1.8em; - } - - .xl\:prose-xl ol > li::before { - left: 0; - } - - .xl\:prose-xl ul > li { - padding-left: 1.8em; - } - - .xl\:prose-xl ul > li::before { - width: 0.35em; - height: 0.35em; - top: calc(0.9em - 0.175em); - left: 0.25em; - } - - .xl\:prose-xl > ul > li p { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - - .xl\:prose-xl > ul > li > *:first-child { - margin-top: 1.2em; - } - - .xl\:prose-xl > ul > li > *:last-child { - margin-bottom: 1.2em; - } - - .xl\:prose-xl > ol > li > *:first-child { - margin-top: 1.2em; - } - - .xl\:prose-xl > ol > li > *:last-child { - margin-bottom: 1.2em; - } - - .xl\:prose-xl ul ul, .xl\:prose-xl ul ol, .xl\:prose-xl ol ul, .xl\:prose-xl ol ol { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - - .xl\:prose-xl hr { - margin-top: 2.8em; - margin-bottom: 2.8em; - } - - .xl\:prose-xl hr + * { - margin-top: 0; - } - - .xl\:prose-xl h2 + * { - margin-top: 0; - } - - .xl\:prose-xl h3 + * { - margin-top: 0; - } - - .xl\:prose-xl h4 + * { - margin-top: 0; - } - - .xl\:prose-xl table { - font-size: 0.9em; - line-height: 1.5555556; - } - - .xl\:prose-xl thead th { - padding-right: 0.6666667em; - padding-bottom: 0.8888889em; - padding-left: 0.6666667em; - } - - .xl\:prose-xl thead th:first-child { - padding-left: 0; - } - - .xl\:prose-xl thead th:last-child { - padding-right: 0; - } - - .xl\:prose-xl tbody td { - padding-top: 0.8888889em; - padding-right: 0.6666667em; - padding-bottom: 0.8888889em; - padding-left: 0.6666667em; - } - - .xl\:prose-xl tbody td:first-child { - padding-left: 0; - } - - .xl\:prose-xl tbody td:last-child { - padding-right: 0; - } - - .xl\:prose-xl > :first-child { - margin-top: 0; - } - - .xl\:prose-xl > :last-child { - margin-bottom: 0; - } - - .xl\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; - } -} - -@media (min-width: 1536px) { -} \ No newline at end of file diff --git a/filters/searchFilter.js b/filters/searchFilter.js index 566de841..16d7e6fd 100644 --- a/filters/searchFilter.js +++ b/filters/searchFilter.js @@ -1,5 +1,5 @@ const elasticlunr = require("elasticlunr"); -const emojiRegex = require('emoji-regex/RGI_Emoji.js') +const emojiRegex = require("emoji-regex"); module.exports = function (collection) { // what fields we'd like our index to consist of @@ -53,4 +53,4 @@ module.exports = function (collection) { } return index.toJSON(); -}; \ No newline at end of file +}; diff --git a/package.json b/package.json index ea4602c4..f2fcef1e 100644 --- a/package.json +++ b/package.json @@ -19,47 +19,47 @@ }, "homepage": "https://github.com/broeker/spacebook", "devDependencies": { - "@11ty/eleventy": "^0.11.1", - "alpinejs": "^2.7.3", - "eleventy-plugin-lazyimages": "^2.1.0", - "eslint": "^7.9.0", - "lazysizes": "^5.2.2", - "luxon": "^1.25.0", - "markdown-it": "^10.0.0", - "markdown-it-anchor": "^5.3.0", + "@11ty/eleventy": "^2.0.1", + "alpinejs": "^3.13.0", + "eleventy-plugin-lazyimages": "^2.1.2", + "eslint": "^8.50.0", + "lazysizes": "^5.3.2", + "luxon": "^3.4.3", + "markdown-it": "^13.0.1", + "markdown-it-anchor": "^8.6.7", "markdown-it-image-lazysizes": "^1.0.0", - "postcss-cli": "^8.3.0", - "prettier": "^2.1.2", - "tailwindcss": "^2.0.2" + "postcss-cli": "^10.1.0", + "prettier": "^3.0.3", + "tailwindcss": "^3.3.3" }, "dependencies": { - "@11ty/eleventy-img": "^0.5.0", - "@11ty/eleventy-navigation": "^0.1.6", - "@tailwindcss/forms": "^0.2.1", - "@tailwindcss/typography": "^0.3.1", - "autoprefixer": "^10.1.0", - "clean-css": "^4.2.1", - "clean-css-cli": "^4.3.0", + "@11ty/eleventy-img": "^3.1.1", + "@11ty/eleventy-navigation": "^0.3.5", + "@tailwindcss/forms": "^0.5.6", + "@tailwindcss/typography": "^0.5.10", + "autoprefixer": "^10.4.16", + "clean-css": "^5.3.2", + "clean-css-cli": "^5.6.2", "elasticlunr": "^0.9.5", - "eleventy-plugin-embed-everything": "^1.9.4", - "eleventy-plugin-nesting-toc": "^1.2.0", + "eleventy-plugin-embed-everything": "^1.16.0", + "eleventy-plugin-nesting-toc": "^1.3.0", "eleventy-plugin-svg-contents": "^0.7.0", - "eleventy-plugin-toc": "^1.1.0", - "emoji-regex": "^9.2.0", + "eleventy-plugin-toc": "^1.1.5", + "emoji-regex": "^10.2.1", "html-minifier": "^4.0.0", - "markdown-it-attrs": "^3.0.3", + "markdown-it-attrs": "^4.1.6", "markdown-it-center-text": "^1.0.4", "markdown-it-container": "^3.0.0", - "markdown-it-emoji": "^2.0.0", - "markdown-it-footnote": "^3.0.2", + "markdown-it-emoji": "^2.0.2", + "markdown-it-footnote": "^3.0.3", "markdown-it-for-inline": "^0.1.1", - "markdown-it-linkify-images": "^2.0.0", - "markdown-it-table-of-contents": "^0.5.0", + "markdown-it-linkify-images": "^4.0.0", + "markdown-it-table-of-contents": "^0.6.0", "markdown-it-task-lists": "^2.1.1", - "postcss": "^8.2.2", - "qs": "^6.9.4", + "postcss": "^8.4.30", + "qs": "^6.11.2", "remove": "^0.1.5", - "staticrypt": "^1.3.2", + "staticrypt": "^3.3.1", "uglify-es": "^3.3.9", "url-pattern": "^1.0.3" }, diff --git a/postcss.config.js b/postcss.config.js index 7e8c15e1..1746970b 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,5 +1,6 @@ module.exports = { plugins: [ + require(`tailwindcss/nesting`), require(`tailwindcss`)(`./styles/tailwind.config.js`), require(`autoprefixer`), ], diff --git a/styles/tailwind.config.js b/styles/tailwind.config.js index a8da3d6c..75d3e301 100644 --- a/styles/tailwind.config.js +++ b/styles/tailwind.config.js @@ -6,13 +6,7 @@ module.exports = { removeDeprecatedGapUtilities: true, purgeLayersByDefault: true, }, - purge: { - enabled: true, - content: ["_site/**/*.html"], - options: { - safelist: [], - }, - }, + content: ["_site/**/*.html"], darkMode: 'class', theme: { container: { @@ -59,4 +53,4 @@ module.exports = { require('@tailwindcss/typography'), require('@tailwindcss/forms'), ], -} \ No newline at end of file +}