From 51d935d28d7dd2cc88bd5679c4012c1bf86fedbf Mon Sep 17 00:00:00 2001 From: Thomas Peterson Date: Mon, 23 Mar 2026 10:09:11 +0100 Subject: [PATCH] Fixes --- src/new/assets/tailwind/css/backend.css | 50 ++ src/new/config/reference.php | 4 +- src/new/var/tailwind/backend.built.css | 950 ++++++++++++++++++++++++ 3 files changed, 1002 insertions(+), 2 deletions(-) diff --git a/src/new/assets/tailwind/css/backend.css b/src/new/assets/tailwind/css/backend.css index 2d9099e27..336bf8298 100644 --- a/src/new/assets/tailwind/css/backend.css +++ b/src/new/assets/tailwind/css/backend.css @@ -52,6 +52,56 @@ background-color: inherit !important; } +/* Restore default typography styles inside Summernote editor */ +.note-editable { + @apply prose prose-sm max-w-none; +} +.note-editable h1 { + @apply text-2xl font-bold mt-4 mb-2; +} +.note-editable h2 { + @apply text-xl font-bold mt-3 mb-2; +} +.note-editable h3 { + @apply text-lg font-bold mt-3 mb-1; +} +.note-editable h4 { + @apply text-base font-bold mt-2 mb-1; +} +.note-editable h5 { + @apply text-sm font-bold mt-2 mb-1; +} +.note-editable h6 { + @apply text-xs font-bold mt-2 mb-1; +} +.note-editable ul { + @apply list-disc pl-6 my-2; +} +.note-editable ol { + @apply list-decimal pl-6 my-2; +} +.note-editable blockquote { + @apply border-l-4 border-gray-300 pl-4 italic my-2; +} +.note-editable a { + @apply text-blue-600 underline; +} +.note-editable table { + @apply border-collapse w-full my-2; +} +.note-editable td, .note-editable th { + @apply border border-gray-300 px-2 py-1; +} +.note-editable p { + @apply my-1; +} +.note-editable hr { + @apply border-t border-gray-300 my-4; +} +.note-editable img { + @apply max-w-full h-auto; +} + .dropdown:hover .dropdown-menu { display: block; } diff --git a/src/new/config/reference.php b/src/new/config/reference.php index 848c5bec1..a52f4b18b 100644 --- a/src/new/config/reference.php +++ b/src/new/config/reference.php @@ -476,7 +476,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param; * datetime?: array{ * default_format?: scalar|Param|null, // Default: "Y-m-d\\TH:i:sP" * default_deserialization_formats?: list, - * default_timezone?: scalar|Param|null, // Default: "UTC" + * default_timezone?: scalar|Param|null, // Default: "Europe/Berlin" * cdata?: scalar|Param|null, // Default: true * }, * array_collection?: array{ @@ -576,7 +576,7 @@ use Symfony\Component\Config\Loader\ParamConfigurator as Param; * datetime?: array{ * default_format?: scalar|Param|null, // Default: "Y-m-d\\TH:i:sP" * default_deserialization_formats?: list, - * default_timezone?: scalar|Param|null, // Default: "UTC" + * default_timezone?: scalar|Param|null, // Default: "Europe/Berlin" * cdata?: scalar|Param|null, // Default: true * }, * array_collection?: array{ diff --git a/src/new/var/tailwind/backend.built.css b/src/new/var/tailwind/backend.built.css index 013a4e77a..762b6628f 100644 --- a/src/new/var/tailwind/backend.built.css +++ b/src/new/var/tailwind/backend.built.css @@ -2774,6 +2774,942 @@ html { background-color: inherit !important; } +/* Restore default typography styles inside Summernote editor */ + +.note-editable{ + color: var(--tw-prose-body); + max-width: 65ch; +} + +.note-editable :where([class~="lead"]):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-lead); + font-size: 1.25em; + line-height: 1.6; + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +.note-editable :where(a):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-links); + text-decoration: underline; + font-weight: 500; +} + +.note-editable :where(strong):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-bold); + font-weight: 600; +} + +.note-editable :where(a strong):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(blockquote strong):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(thead th strong):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(ol):not(:where([class~="not-prose"] *)){ + list-style-type: decimal; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +.note-editable :where(ol[type="A"]):not(:where([class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +.note-editable :where(ol[type="a"]):not(:where([class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +.note-editable :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +.note-editable :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +.note-editable :where(ol[type="I"]):not(:where([class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +.note-editable :where(ol[type="i"]):not(:where([class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +.note-editable :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +.note-editable :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +.note-editable :where(ol[type="1"]):not(:where([class~="not-prose"] *)){ + list-style-type: decimal; +} + +.note-editable :where(ul):not(:where([class~="not-prose"] *)){ + list-style-type: disc; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +.note-editable :where(ol > li):not(:where([class~="not-prose"] *))::marker{ + font-weight: 400; + color: var(--tw-prose-counters); +} + +.note-editable :where(ul > li):not(:where([class~="not-prose"] *))::marker{ + color: var(--tw-prose-bullets); +} + +.note-editable :where(hr):not(:where([class~="not-prose"] *)){ + border-color: var(--tw-prose-hr); + border-top-width: 1px; + margin-top: 3em; + margin-bottom: 3em; +} + +.note-editable :where(blockquote):not(:where([class~="not-prose"] *)){ + font-weight: 500; + font-style: italic; + color: var(--tw-prose-quotes); + border-left-width: 0.25rem; + border-left-color: var(--tw-prose-quote-borders); + quotes: "\201C""\201D""\2018""\2019"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-left: 1em; +} + +.note-editable :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{ + content: open-quote; +} + +.note-editable :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{ + content: close-quote; +} + +.note-editable :where(h1):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +.note-editable :where(h1 strong):not(:where([class~="not-prose"] *)){ + font-weight: 900; + color: inherit; +} + +.note-editable :where(h2):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 700; + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; +} + +.note-editable :where(h2 strong):not(:where([class~="not-prose"] *)){ + font-weight: 800; + color: inherit; +} + +.note-editable :where(h3):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +.note-editable :where(h3 strong):not(:where([class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +.note-editable :where(h4):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; +} + +.note-editable :where(h4 strong):not(:where([class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +.note-editable :where(img):not(:where([class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +.note-editable :where(figure > *):not(:where([class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +.note-editable :where(figcaption):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} + +.note-editable :where(code):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-code); + font-weight: 600; + font-size: 0.875em; +} + +.note-editable :where(code):not(:where([class~="not-prose"] *))::before{ + content: "`"; +} + +.note-editable :where(code):not(:where([class~="not-prose"] *))::after{ + content: "`"; +} + +.note-editable :where(a code):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(h1 code):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(h2 code):not(:where([class~="not-prose"] *)){ + color: inherit; + font-size: 0.875em; +} + +.note-editable :where(h3 code):not(:where([class~="not-prose"] *)){ + color: inherit; + font-size: 0.9em; +} + +.note-editable :where(h4 code):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(blockquote code):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(thead th code):not(:where([class~="not-prose"] *)){ + color: inherit; +} + +.note-editable :where(pre):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + overflow-x: auto; + font-weight: 400; + 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; +} + +.note-editable :where(pre code):not(:where([class~="not-prose"] *)){ + background-color: transparent; + border-width: 0; + border-radius: 0; + padding: 0; + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} + +.note-editable :where(pre code):not(:where([class~="not-prose"] *))::before{ + content: none; +} + +.note-editable :where(pre code):not(:where([class~="not-prose"] *))::after{ + content: none; +} + +.note-editable :where(table):not(:where([class~="not-prose"] *)){ + width: 100%; + table-layout: auto; + text-align: left; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; +} + +.note-editable :where(thead):not(:where([class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); +} + +.note-editable :where(thead th):not(:where([class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + vertical-align: bottom; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +.note-editable :where(tbody tr):not(:where([class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); +} + +.note-editable :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){ + border-bottom-width: 0; +} + +.note-editable :where(tbody td):not(:where([class~="not-prose"] *)){ + vertical-align: baseline; +} + +.note-editable :where(tfoot):not(:where([class~="not-prose"] *)){ + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); +} + +.note-editable :where(tfoot td):not(:where([class~="not-prose"] *)){ + vertical-align: top; +} + +.note-editable{ + --tw-prose-body: #374151; + --tw-prose-headings: #111827; + --tw-prose-lead: #4b5563; + --tw-prose-links: #111827; + --tw-prose-bold: #111827; + --tw-prose-counters: #6b7280; + --tw-prose-bullets: #d1d5db; + --tw-prose-hr: #e5e7eb; + --tw-prose-quotes: #111827; + --tw-prose-quote-borders: #e5e7eb; + --tw-prose-captions: #6b7280; + --tw-prose-code: #111827; + --tw-prose-pre-code: #e5e7eb; + --tw-prose-pre-bg: #1f2937; + --tw-prose-th-borders: #d1d5db; + --tw-prose-td-borders: #e5e7eb; + --tw-prose-invert-body: #d1d5db; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #9ca3af; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #9ca3af; + --tw-prose-invert-bullets: #4b5563; + --tw-prose-invert-hr: #374151; + --tw-prose-invert-quotes: #f3f4f6; + --tw-prose-invert-quote-borders: #374151; + --tw-prose-invert-captions: #9ca3af; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d1d5db; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #4b5563; + --tw-prose-invert-td-borders: #374151; + font-size: 1rem; + line-height: 1.75; +} + +.note-editable :where(p):not(:where([class~="not-prose"] *)){ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +.note-editable :where(video):not(:where([class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +.note-editable :where(figure):not(:where([class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +.note-editable :where(li):not(:where([class~="not-prose"] *)){ + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.note-editable :where(ol > li):not(:where([class~="not-prose"] *)){ + padding-left: 0.375em; +} + +.note-editable :where(ul > li):not(:where([class~="not-prose"] *)){ + padding-left: 0.375em; +} + +.note-editable :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +.note-editable :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.25em; +} + +.note-editable :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +.note-editable :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.25em; +} + +.note-editable :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +.note-editable :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +.note-editable :where(hr + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h2 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h3 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h4 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(thead th:first-child):not(:where([class~="not-prose"] *)){ + padding-left: 0; +} + +.note-editable :where(thead th:last-child):not(:where([class~="not-prose"] *)){ + padding-right: 0; +} + +.note-editable :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){ + padding-top: 0.5714286em; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +.note-editable :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){ + padding-left: 0; +} + +.note-editable :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){ + padding-right: 0; +} + +.note-editable :where(.prose > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(.prose > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.note-editable{ + font-size: 0.875rem; + line-height: 1.7142857; +} + +.note-editable :where(p):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; +} + +.note-editable :where([class~="lead"]):not(:where([class~="not-prose"] *)){ + font-size: 1.2857143em; + line-height: 1.5555556; + margin-top: 0.8888889em; + margin-bottom: 0.8888889em; +} + +.note-editable :where(blockquote):not(:where([class~="not-prose"] *)){ + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + padding-left: 1.1111111em; +} + +.note-editable :where(h1):not(:where([class~="not-prose"] *)){ + font-size: 2.1428571em; + margin-top: 0; + margin-bottom: 0.8em; + line-height: 1.2; +} + +.note-editable :where(h2):not(:where([class~="not-prose"] *)){ + font-size: 1.4285714em; + margin-top: 1.6em; + margin-bottom: 0.8em; + line-height: 1.4; +} + +.note-editable :where(h3):not(:where([class~="not-prose"] *)){ + font-size: 1.2857143em; + margin-top: 1.5555556em; + margin-bottom: 0.4444444em; + line-height: 1.5555556; +} + +.note-editable :where(h4):not(:where([class~="not-prose"] *)){ + margin-top: 1.4285714em; + margin-bottom: 0.5714286em; + line-height: 1.4285714; +} + +.note-editable :where(img):not(:where([class~="not-prose"] *)){ + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.note-editable :where(video):not(:where([class~="not-prose"] *)){ + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.note-editable :where(figure):not(:where([class~="not-prose"] *)){ + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.note-editable :where(figure > *):not(:where([class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +.note-editable :where(figcaption):not(:where([class~="not-prose"] *)){ + font-size: 0.8571429em; + line-height: 1.3333333; + margin-top: 0.6666667em; +} + +.note-editable :where(code):not(:where([class~="not-prose"] *)){ + font-size: 0.8571429em; +} + +.note-editable :where(h2 code):not(:where([class~="not-prose"] *)){ + font-size: 0.9em; +} + +.note-editable :where(h3 code):not(:where([class~="not-prose"] *)){ + font-size: 0.8888889em; +} + +.note-editable :where(pre):not(:where([class~="not-prose"] *)){ + 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; +} + +.note-editable :where(ol):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; + padding-left: 1.5714286em; +} + +.note-editable :where(ul):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; + padding-left: 1.5714286em; +} + +.note-editable :where(li):not(:where([class~="not-prose"] *)){ + margin-top: 0.2857143em; + margin-bottom: 0.2857143em; +} + +.note-editable :where(ol > li):not(:where([class~="not-prose"] *)){ + padding-left: 0.4285714em; +} + +.note-editable :where(ul > li):not(:where([class~="not-prose"] *)){ + padding-left: 0.4285714em; +} + +.note-editable :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.5714286em; + margin-bottom: 0.5714286em; +} + +.prose-sm :where(.note-editable > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.5714286em; + margin-bottom: 0.5714286em; +} + +.note-editable :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; +} + +.prose-sm :where(.note-editable > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; +} + +.note-editable :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.1428571em; +} + +.prose-sm :where(.note-editable > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.1428571em; +} + +.note-editable :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; +} + +.prose-sm :where(.note-editable > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.1428571em; +} + +.note-editable :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.1428571em; +} + +.prose-sm :where(.note-editable > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.1428571em; +} + +.note-editable :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){ + margin-top: 0.5714286em; + margin-bottom: 0.5714286em; +} + +.note-editable :where(hr):not(:where([class~="not-prose"] *)){ + margin-top: 2.8571429em; + margin-bottom: 2.8571429em; +} + +.note-editable :where(hr + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h2 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h3 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(h4 + *):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(table):not(:where([class~="not-prose"] *)){ + font-size: 0.8571429em; + line-height: 1.5; +} + +.note-editable :where(thead th):not(:where([class~="not-prose"] *)){ + padding-right: 1em; + padding-bottom: 0.6666667em; + padding-left: 1em; +} + +.note-editable :where(thead th:first-child):not(:where([class~="not-prose"] *)){ + padding-left: 0; +} + +.note-editable :where(thead th:last-child):not(:where([class~="not-prose"] *)){ + padding-right: 0; +} + +.note-editable :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){ + padding-top: 0.6666667em; + padding-right: 1em; + padding-bottom: 0.6666667em; + padding-left: 1em; +} + +.note-editable :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){ + padding-left: 0; +} + +.note-editable :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){ + padding-right: 0; +} + +.note-editable :where(.prose > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.prose-sm :where(.note-editable > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.note-editable :where(.prose > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.prose-sm :where(.note-editable > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.prose-base :where(.note-editable > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +.prose-base :where(.note-editable > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.25em; +} + +.prose-base :where(.note-editable > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +.prose-base :where(.note-editable > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.25em; +} + +.prose-base :where(.note-editable > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +.prose-base :where(.note-editable > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.prose-base :where(.note-editable > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.prose-lg :where(.note-editable > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.8888889em; + margin-bottom: 0.8888889em; +} + +.prose-lg :where(.note-editable > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.3333333em; +} + +.prose-lg :where(.note-editable > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.3333333em; +} + +.prose-lg :where(.note-editable > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.3333333em; +} + +.prose-lg :where(.note-editable > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.3333333em; +} + +.prose-lg :where(.note-editable > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.prose-lg :where(.note-editable > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.prose-xl :where(.note-editable > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +.prose-xl :where(.note-editable > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.2em; +} + +.prose-xl :where(.note-editable > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +.prose-xl :where(.note-editable > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.2em; +} + +.prose-xl :where(.note-editable > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +.prose-xl :where(.note-editable > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.prose-xl :where(.note-editable > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.prose-2xl :where(.note-editable > ul > li p):not(:where([class~="not-prose"] *)){ + margin-top: 0.8333333em; + margin-bottom: 0.8333333em; +} + +.prose-2xl :where(.note-editable > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.3333333em; +} + +.prose-2xl :where(.note-editable > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.3333333em; +} + +.prose-2xl :where(.note-editable > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ + margin-top: 1.3333333em; +} + +.prose-2xl :where(.note-editable > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 1.3333333em; +} + +.prose-2xl :where(.note-editable > :first-child):not(:where([class~="not-prose"] *)){ + margin-top: 0; +} + +.prose-2xl :where(.note-editable > :last-child):not(:where([class~="not-prose"] *)){ + margin-bottom: 0; +} + +.note-editable{ + max-width: none; +} + +.note-editable h1{ + margin-top: 1rem; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 700; +} + +.note-editable h2{ + margin-top: 0.75rem; + margin-bottom: 0.5rem; + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 700; +} + +.note-editable h3{ + margin-top: 0.75rem; + margin-bottom: 0.25rem; + font-size: 1.125rem; + line-height: 1.75rem; + font-weight: 700; +} + +.note-editable h4{ + margin-top: 0.5rem; + margin-bottom: 0.25rem; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 700; +} + +.note-editable h5{ + margin-top: 0.5rem; + margin-bottom: 0.25rem; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 700; +} + +.note-editable h6{ + margin-top: 0.5rem; + margin-bottom: 0.25rem; + font-size: 0.75rem; + line-height: 1rem; + font-weight: 700; +} + +.note-editable ul{ + margin-top: 0.5rem; + margin-bottom: 0.5rem; + list-style-type: disc; + padding-left: 1.5rem; +} + +.note-editable ol{ + margin-top: 0.5rem; + margin-bottom: 0.5rem; + list-style-type: decimal; + padding-left: 1.5rem; +} + +.note-editable blockquote{ + margin-top: 0.5rem; + margin-bottom: 0.5rem; + border-left-width: 4px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); + padding-left: 1rem; + font-style: italic; +} + +.note-editable a{ + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); + text-decoration-line: underline; +} + +.note-editable table{ + margin-top: 0.5rem; + margin-bottom: 0.5rem; + width: 100%; + border-collapse: collapse; +} + +.note-editable td, .note-editable th{ + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.note-editable p{ + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.note-editable hr{ + margin-top: 1rem; + margin-bottom: 1rem; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.note-editable img{ + height: auto; + max-width: 100%; +} + .dropdown:hover .dropdown-menu { display: block; } @@ -3500,6 +4436,11 @@ html { border-color: rgb(239 68 68 / var(--tw-border-opacity)); } +:is(.dark .dark\:border-red-800){ + --tw-border-opacity: 1; + border-color: rgb(153 27 27 / var(--tw-border-opacity)); +} + :is(.dark .dark\:border-transparent){ border-color: transparent; } @@ -3560,6 +4501,10 @@ html { background-color: rgb(127 29 29 / 0.2); } +:is(.dark .dark\:bg-red-900\/30){ + background-color: rgb(127 29 29 / 0.3); +} + :is(.dark .dark\:bg-yellow-900){ --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity)); @@ -4047,6 +4992,11 @@ html { } @media (min-width: 1536px){ + .\32xl\:px-6{ + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .\32xl\:px-7{ padding-left: 1.75rem; padding-right: 1.75rem;