From 545f28250d4ce6ea994b1b567bee0380886fe889 Mon Sep 17 00:00:00 2001 From: Jeff Triplett Date: Tue, 31 Aug 2021 11:48:31 -0500 Subject: [PATCH] :tractor: Refactors theme and overall look. Fixes #133 --- README.md | 3 + _config.yml | 54 + _layouts/default.html | 27 - _sass/color_schemes/django.scss | 1 + assets/style.css | 2878 ------------------------------- justfile | 15 - postcss.config.js | 6 - src/style.css | 5 - tailwind.config.js | 22 - 9 files changed, 58 insertions(+), 2953 deletions(-) delete mode 100644 _layouts/default.html create mode 100644 _sass/color_schemes/django.scss delete mode 100644 assets/style.css delete mode 100644 postcss.config.js delete mode 100644 src/style.css delete mode 100644 tailwind.config.js diff --git a/README.md b/README.md index 509aedc..f447937 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,14 @@ --- +title: "Awesome Django" --- +

Django logo
# Awesome Django + > A curated list of awesome things related to Django. Maintained by William Vincent and Jeff Triplett. Please consider supporting Django by making a donation to the Django Software Foundation, diff --git a/_config.yml b/_config.yml index cb09e26..339ae2c 100644 --- a/_config.yml +++ b/_config.yml @@ -8,6 +8,7 @@ url: "https://awesome-django.org" # the base hostname & protocol for your site, # Build settings markdown: kramdown +remote_theme: pmarsceill/just-the-docs plugins: - jekyll-feed - jekyll-optional-front-matter @@ -35,3 +36,56 @@ defaults: values: permalink: "/" layout: "default" + +aux_links: + "Awesome Django on GitHub": + - "//github.com/wsvincent/awesome-django" + +# Makes Aux links open in a new tab. Default is false +aux_links_new_tab: false + +color_scheme: django +# color_scheme: light + +heading_anchors: true + +footer_content: "Please consider supporting Django by making a donation to the Django Software Foundation, sponsoring via GitHub Sponsors, or buying official merchandise." + +# Footer last edited timestamp +last_edit_timestamp: true # show or hide edit time - page must have `last_modified_date` defined in the frontmatter +last_edit_time_format: "%b %e %Y at %I:%M %p" # uses ruby's time format: https://ruby-doc.org/stdlib-2.7.0/libdoc/time/rdoc/Time.html + +# Footer "Edit this page on GitHub" link text +gh_edit_link: true # show or hide edit this page link +gh_edit_link_text: "Edit this page on GitHub." +gh_edit_repository: "https://github.com/wsvincent/awesome-django" # the github URL for your repo +gh_edit_branch: "main" # the branch that your docs is served from +# gh_edit_source: docs # the source that your files originate from +gh_edit_view_mode: "tree" # "tree" or "edit" if you want the user to jump into the editor immediately + + +search_enabled: false + +search: + # Split pages into sections that can be searched individually + # Supports 1 - 6, default: 2 + heading_level: 2 + # Maximum amount of previews per search result + # Default: 3 + previews: 3 + # Maximum amount of words to display before a matched word in the preview + # Default: 5 + preview_words_before: 5 + # Maximum amount of words to display after a matched word in the preview + # Default: 10 + preview_words_after: 10 + # Set the search token separator + # Default: /[\s\-/]+/ + # Example: enable support for hyphenated search words + tokenizer_separator: /[\s/]+/ + # Display the relative url in search results + # Supports true (default) or false + rel_url: true + # Enable or disable the search button that appears in the bottom right corner of every page + # Supports true or false (default) + button: false diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index f48b684..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,27 +0,0 @@ ---- ---- - - - - - - Awesome Django - -{% if jekyll.environment == 'development' %} - -{% else %} - -{% endif %} - - - - Fork me on GitHub - - - -
-{{ content | replace: ' 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: #e5e7eb; /* 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; -} - -/** - * 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 - */ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - vertical-align: middle; -} - -/** - * 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; -} - -.container { - width: 100%; -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - -.prose { - color: #374151; - max-width: 65ch; -} - -.prose [class~="lead"] { - color: #4b5563; - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; -} - -.prose a { - color: #111827; - text-decoration: underline; - font-weight: 500; -} - -.prose strong { - color: #111827; - font-weight: 600; -} - -.prose ol[type="A"] { - --list-counter-style: upper-alpha; -} - -.prose ol[type="a"] { - --list-counter-style: lower-alpha; -} - -.prose ol[type="i"] { - --list-counter-style: lower-roman; -} - -.prose ol[type="1"] { - --list-counter-style: decimal; -} - -.prose ol > li { - position: relative; - padding-left: 1.75em; -} - -.prose ol > li::before { - content: counter(list-item, var(--list-counter-style, decimal)) "."; - 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: none; -} - -.prose pre code::after { - content: none; -} - -.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 ol { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.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; -} - -.debug-screens::before { - position: fixed; - z-index: 2147483647; - bottom: 0; - left: 0; - padding: .3333333em .5em; - font-size: 12px; - line-height: 1; - font-family: sans-serif; - background-color: #000; - color: #fff; - box-shadow: 0 0 0 1px #fff; - content: 'screen: _'; -} - -@media (min-width: 640px) { - .debug-screens::before { - content: 'screen: sm'; - } -} - -@media (min-width: 768px) { - .debug-screens::before { - content: 'screen: md'; - } -} - -@media (min-width: 1024px) { - .debug-screens::before { - content: 'screen: lg'; - } -} - -@media (min-width: 1280px) { - .debug-screens::before { - content: 'screen: xl'; - } -} - -@media (min-width: 1536px) { - .debug-screens::before { - content: 'screen: 2xl'; - } -} - -.space-y-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; -} - -.space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; -} - -.divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); -} - -.divide-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(0px * var(--tw-divide-x-reverse)); - border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); -} - -.divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); -} - -.divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); -} - -.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); -} - -.divide-dotted > :not([hidden]) ~ :not([hidden]) { - border-style: dotted; -} - -.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; -} - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} - -.appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.bg-local { - background-attachment: local; -} - -.bg-clip-border { - background-clip: border-box; -} - -.bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); -} - -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} - -.from-red-300 { - --tw-gradient-from: #fca5a5; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0)); -} - -.via-purple-200 { - --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0)); -} - -.to-blue-400 { - --tw-gradient-to: #60a5fa; -} - -.bg-opacity-20 { - --tw-bg-opacity: 0.2; -} - -.bg-opacity-50 { - --tw-bg-opacity: 0.5; -} - -.bg-top { - background-position: top; -} - -.bg-no-repeat { - background-repeat: no-repeat; -} - -.bg-cover { - background-size: cover; -} - -.border-collapse { - border-collapse: collapse; -} - -.border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); -} - -.border-opacity-10 { - --tw-border-opacity: 0.1; -} - -.rounded-md { - border-radius: 0.375rem; -} - -.border-solid { - border-style: solid; -} - -.border-2 { - border-width: 2px; -} - -.border { - border-width: 1px; -} - -.decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; -} - -.decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; -} - -.box-border { - box-sizing: border-box; -} - -.cursor-pointer { - cursor: pointer; -} - -.flex { - display: flex; -} - -.table { - display: table; -} - -.inline-grid { - display: inline-grid; -} - -.contents { - display: contents; -} - -.hidden { - display: none; -} - -.flex-row-reverse { - flex-direction: row-reverse; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.place-items-end { - place-items: end; -} - -.place-content-start { - place-content: start; -} - -.place-self-center { - place-self: center; -} - -.items-start { - align-items: flex-start; -} - -.content-center { - align-content: center; -} - -.self-end { - align-self: flex-end; -} - -.justify-items-end { - justify-items: end; -} - -.justify-center { - justify-content: center; -} - -.justify-self-start { - justify-self: start; -} - -.flex-1 { - flex: 1 1 0%; -} - -.flex-grow-0 { - flex-grow: 0; -} - -.flex-grow { - flex-grow: 1; -} - -.flex-shrink-0 { - flex-shrink: 0; -} - -.flex-shrink { - flex-shrink: 1; -} - -.order-2 { - order: 2; -} - -.order-last { - order: 9999; -} - -.float-right { - float: right; -} - -.clear-left { - clear: left; -} - -.font-sans { - 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-medium { - font-weight: 500; -} - -.font-bold { - font-weight: 700; -} - -.h-16 { - height: 4rem; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.leading-5 { - line-height: 1.25rem; -} - -.leading-relaxed { - line-height: 1.625; -} - -.list-inside { - list-style-position: inside; -} - -.list-disc { - list-style-type: disc; -} - -.m-4 { - margin: 1rem; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.mt-0 { - margin-top: 0px; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.max-h-screen { - max-height: 100vh; -} - -.max-w-full { - max-width: 100%; -} - -.max-w-screen-lg { - max-width: 1024px; -} - -.min-h-0 { - min-height: 0px; -} - -.min-w-min { - min-width: -webkit-min-content; - min-width: -moz-min-content; - min-width: min-content; -} - -.object-cover { - -o-object-fit: cover; - object-fit: cover; -} - -.object-bottom { - -o-object-position: bottom; - object-position: bottom; -} - -.opacity-90 { - opacity: 0.9; -} - -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.outline-black { - outline: 2px dotted black; - outline-offset: 2px; -} - -.overflow-hidden { - overflow: hidden; -} - -.overscroll-contain { - -ms-scroll-chaining: none; - overscroll-behavior: contain; -} - -.p-4 { - padding: 1rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.pt-1 { - padding-top: 0.25rem; -} - -.pr-2 { - padding-right: 0.5rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - -.pl-4 { - padding-left: 1rem; -} - -.pb-8 { - padding-bottom: 2rem; -} - -.placeholder-green-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); -} - -.placeholder-green-300:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); -} - -.placeholder-green-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--tw-placeholder-opacity)); -} - -.placeholder-opacity-60::-moz-placeholder { - --tw-placeholder-opacity: 0.6; -} - -.placeholder-opacity-60:-ms-input-placeholder { - --tw-placeholder-opacity: 0.6; -} - -.placeholder-opacity-60::placeholder { - --tw-placeholder-opacity: 0.6; -} - -.pointer-events-none { - pointer-events: none; -} - -.static { - position: static; -} - -.absolute { - position: absolute; -} - -.inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; -} - -.inset-x-2 { - right: 0.5rem; - left: 0.5rem; -} - -.inset-y-4 { - top: 1rem; - bottom: 1rem; -} - -.top-6 { - top: 1.5rem; -} - -.right-8 { - right: 2rem; -} - -.bottom-12 { - bottom: 3rem; -} - -.left-16 { - left: 4rem; -} - -.resize-none { - resize: none; -} - -* { - --tw-shadow: 0 0 #0000; -} - -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.focus-within\:shadow-md:focus-within { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.focus\:shadow-md:focus { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -* { - --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; -} - -.ring-4 { - --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(4px + 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); -} - -.ring { - --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(3px + 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); -} - -.focus\:ring-2:focus { - --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(2px + 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); -} - -.ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; -} - -.ring-offset-2 { - --tw-ring-offset-width: 2px; -} - -.ring-white { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); -} - -.focus\:ring-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); -} - -.ring-opacity-40 { - --tw-ring-opacity: 0.4; -} - -.fill-current { - fill: currentColor; -} - -.stroke-current { - stroke: currentColor; -} - -.stroke-2 { - stroke-width: 2; -} - -.table-fixed { - table-layout: fixed; -} - -.text-center { - text-align: center; -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); -} - -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); -} - -.text-opacity-10 { - --tw-text-opacity: 0.1; -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.overflow-ellipsis { - text-overflow: ellipsis; -} - -.not-italic { - font-style: normal; -} - -.uppercase { - text-transform: uppercase; -} - -.underline { - text-decoration: underline; -} - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.ordinal, .tabular-nums, .diagonal-fractions { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); -} - -.ordinal { - --tw-ordinal: ordinal; -} - -.tabular-nums { - --tw-numeric-spacing: tabular-nums; -} - -.diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; -} - -.tracking-tight { - letter-spacing: -0.025em; -} - -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.align-middle { - vertical-align: middle; -} - -.invisible { - visibility: hidden; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.break-words { - overflow-wrap: break-word; -} - -.w-12 { - width: 3rem; -} - -.z-30 { - z-index: 30; -} - -.isolate { - isolation: isolate; -} - -.isolation-auto { - isolation: auto; -} - -.gap-4 { - gap: 1rem; -} - -.gap-x-2 { - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; -} - -.gap-y-3 { - row-gap: 0.75rem; -} - -.grid-flow-row { - grid-auto-flow: row; -} - -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} - -.auto-cols-min { - grid-auto-columns: -webkit-min-content; - grid-auto-columns: min-content; -} - -.col-span-3 { - grid-column: span 3 / span 3; -} - -.col-start-1 { - grid-column-start: 1; -} - -.col-end-4 { - grid-column-end: 4; -} - -.grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); -} - -.auto-rows-max { - grid-auto-rows: -webkit-max-content; - grid-auto-rows: max-content; -} - -.row-span-2 { - grid-row: span 2 / span 2; -} - -.row-start-3 { - grid-row-start: 3; -} - -.row-end-5 { - grid-row-end: 5; -} - -.transform { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - 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)); -} - -.transform-gpu { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.origin-top-right { - transform-origin: top right; -} - -.scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; -} - -.scale-95 { - --tw-scale-x: .95; - --tw-scale-y: .95; -} - -.hover\:scale-75:hover { - --tw-scale-x: .75; - --tw-scale-y: .75; -} - -.rotate-3 { - --tw-rotate: 3deg; -} - -.translate-x-5 { - --tw-translate-x: 1.25rem; -} - -.-translate-x-3 { - --tw-translate-x: -0.75rem; -} - -.-translate-x-4 { - --tw-translate-x: -1rem; -} - -.translate-y-6 { - --tw-translate-y: 1.5rem; -} - -.skew-x-12 { - --tw-skew-x: 12deg; -} - -.skew-y-12 { - --tw-skew-y: 12deg; -} - -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.duration-200 { - transition-duration: 200ms; -} - -.delay-300 { - transition-delay: 300ms; -} - -@-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); - } -} - -.animate-none { - -webkit-animation: none; - animation: none; -} - -.animate-spin { - -webkit-animation: spin 1s linear infinite; - animation: spin 1s linear infinite; -} - -.mix-blend-multiply { - mix-blend-mode: multiply; -} - -.mix-blend-saturation { - mix-blend-mode: saturation; -} - -.bg-blend-darken { - background-blend-mode: darken; -} - -.bg-blend-difference { - background-blend-mode: difference; -} - -.filter { - --tw-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-sepia: var(--tw-empty,/*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.filter-none { - filter: none; -} - -.blur-md { - --tw-blur: blur(12px); -} - -.brightness-150 { - --tw-brightness: brightness(1.5); -} - -.contrast-50 { - --tw-contrast: contrast(.5); -} - -.drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); -} - -.grayscale { - --tw-grayscale: grayscale(100%); -} - -.hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); -} - -.invert { - --tw-invert: invert(100%); -} - -.saturate-200 { - --tw-saturate: saturate(2); -} - -.sepia { - --tw-sepia: sepia(100%); -} - -.backdrop-filter { - --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); -} - -.backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; -} - -.backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); -} - -.backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(.5); -} - -.backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); -} - -.backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); -} - -.backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); -} - -.backdrop-invert { - --tw-backdrop-invert: invert(100%); -} - -.backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); -} - -.backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); -} - -.backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); -} - -@media (min-width: 640px) { - .sm\:container { - width: 100%; - } - - @media (min-width: 640px) { - .sm\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .sm\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .sm\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .sm\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } - - .sm\:font-bold { - font-weight: 700; - } - - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .sm\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .sm\:text-center { - text-align: center; - } - - .sm\:tabular-nums { - --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); - } - - .sm\:tabular-nums { - --tw-numeric-spacing: tabular-nums; - } -} - -@media (min-width: 768px) { - .md\:container { - width: 100%; - } - - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } - } - - .md\:prose-lg { - font-size: 1.125rem; - line-height: 1.7777778; - } - - .md\:prose-lg p { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .md\:prose-lg [class~="lead"] { - font-size: 1.2222222em; - line-height: 1.4545455; - margin-top: 1.0909091em; - margin-bottom: 1.0909091em; - } - - .md\:prose-lg blockquote { - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - padding-left: 1em; - } - - .md\:prose-lg h1 { - font-size: 2.6666667em; - margin-top: 0; - margin-bottom: 0.8333333em; - line-height: 1; - } - - .md\:prose-lg h2 { - font-size: 1.6666667em; - margin-top: 1.8666667em; - margin-bottom: 1.0666667em; - line-height: 1.3333333; - } - - .md\:prose-lg h3 { - font-size: 1.3333333em; - margin-top: 1.6666667em; - margin-bottom: 0.6666667em; - line-height: 1.5; - } - - .md\:prose-lg h4 { - margin-top: 1.7777778em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; - } - - .md\:prose-lg img { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .md\:prose-lg video { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .md\:prose-lg figure { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .md\:prose-lg figure > * { - margin-top: 0; - margin-bottom: 0; - } - - .md\:prose-lg figure figcaption { - font-size: 0.8888889em; - line-height: 1.5; - margin-top: 1em; - } - - .md\:prose-lg code { - font-size: 0.8888889em; - } - - .md\:prose-lg h2 code { - font-size: 0.8666667em; - } - - .md\:prose-lg h3 code { - font-size: 0.875em; - } - - .md\: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; - } - - .md\:prose-lg ol { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .md\:prose-lg ul { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .md\:prose-lg li { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - - .md\:prose-lg ol > li { - padding-left: 1.6666667em; - } - - .md\:prose-lg ol > li::before { - left: 0; - } - - .md\:prose-lg ul > li { - padding-left: 1.6666667em; - } - - .md\:prose-lg ul > li::before { - width: 0.3333333em; - height: 0.3333333em; - top: calc(0.8888889em - 0.1666667em); - left: 0.2222222em; - } - - .md\:prose-lg > ul > li p { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .md\:prose-lg > ul > li > *:first-child { - margin-top: 1.3333333em; - } - - .md\:prose-lg > ul > li > *:last-child { - margin-bottom: 1.3333333em; - } - - .md\:prose-lg > ol > li > *:first-child { - margin-top: 1.3333333em; - } - - .md\:prose-lg > ol > li > *:last-child { - margin-bottom: 1.3333333em; - } - - .md\:prose-lg ul ul, .md\:prose-lg ul ol, .md\:prose-lg ol ul, .md\:prose-lg ol ol { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .md\:prose-lg hr { - margin-top: 3.1111111em; - margin-bottom: 3.1111111em; - } - - .md\:prose-lg hr + * { - margin-top: 0; - } - - .md\:prose-lg h2 + * { - margin-top: 0; - } - - .md\:prose-lg h3 + * { - margin-top: 0; - } - - .md\:prose-lg h4 + * { - margin-top: 0; - } - - .md\:prose-lg table { - font-size: 0.8888889em; - line-height: 1.5; - } - - .md\:prose-lg thead th { - padding-right: 0.75em; - padding-bottom: 0.75em; - padding-left: 0.75em; - } - - .md\:prose-lg thead th:first-child { - padding-left: 0; - } - - .md\:prose-lg thead th:last-child { - padding-right: 0; - } - - .md\:prose-lg tbody td { - padding-top: 0.75em; - padding-right: 0.75em; - padding-bottom: 0.75em; - padding-left: 0.75em; - } - - .md\:prose-lg tbody td:first-child { - padding-left: 0; - } - - .md\:prose-lg tbody td:last-child { - padding-right: 0; - } - - .md\:prose-lg > :first-child { - margin-top: 0; - } - - .md\:prose-lg > :last-child { - margin-bottom: 0; - } - - .md\:font-bold { - font-weight: 700; - } - - .md\:opacity-50 { - opacity: 0.5; - } - - .md\:hover\:opacity-20:hover { - opacity: 0.2; - } - - .md\:shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .md\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .md\:text-center { - text-align: center; - } -} - -@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\:font-bold { - font-weight: 700; - } - - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .lg\:pb-8 { - padding-bottom: 2rem; - } - - .lg\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - - .lg\:text-center { - text-align: center; - } -} - -@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\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } -} - -@media (min-width: 1536px) { - .\32xl\:shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } -} diff --git a/justfile b/justfile index 0051722..5211546 100644 --- a/justfile +++ b/justfile @@ -1,5 +1,3 @@ -TAILWIND_CSS_VERSION := "2.1.1" - @_default: just --list @@ -18,18 +16,5 @@ TAILWIND_CSS_VERSION := "2.1.1" modd --file=modd.conf bundle exec jekyll serve --drafts --watch --port 8000 -@static: - JEKYLL_ENV=production \ - npx -p tailwindcss@{{TAILWIND_CSS_VERSION}} tailwindcss build \ - ./src/style.css \ - --config ./tailwind.config.js \ - --output ./assets/style.css - - npx -p tailwindcss@{{TAILWIND_CSS_VERSION}} tailwindcss build \ - ./src/style.css \ - --config ./tailwind.config.js \ - --output ./assets/development.css \ - -w - @toc: npx doctoc README.md diff --git a/postcss.config.js b/postcss.config.js deleted file mode 100644 index 33ad091..0000000 --- a/postcss.config.js +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} diff --git a/src/style.css b/src/style.css deleted file mode 100644 index 7f39374..0000000 --- a/src/style.css +++ /dev/null @@ -1,5 +0,0 @@ -@tailwind base; - -@tailwind components; - -@tailwind utilities; diff --git a/tailwind.config.js b/tailwind.config.js deleted file mode 100644 index 0324592..0000000 --- a/tailwind.config.js +++ /dev/null @@ -1,22 +0,0 @@ -module.exports = { - // mode: 'jit', - future: { - removeDeprecatedGapUtilities: true, - purgeLayersByDefault: true, - }, - purge: { - enabled: process.env.JEKYLL_ENV == "production", - mode: 'all', - content: [ - '**/*.html' - ], - }, - plugins: [ - require("@tailwindcss/typography"), - require("tailwindcss-debug-screens"), - ], - theme: { - extend: {}, - }, - variants: {}, -}