hoist option values out of helper to merged module as config

This commit is contained in:
2023-01-29 13:48:37 +02:00
parent 3a15e58ee3
commit ad578d9c3d
8 changed files with 605 additions and 112 deletions

View File

@ -1744,6 +1744,10 @@ select {
min-width: 100%;
}
.max-w-none {
max-width: none;
}
.max-w-\[1920px\] {
max-width: 1920px;
}
@ -1849,6 +1853,10 @@ select {
transform: translate(var(--tw-translate-x), 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));
}
.resize {
resize: both;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
@ -2262,21 +2270,6 @@ select {
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-slate-50 {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-zinc-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-yellow-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-cover {
background-size: cover;
}
@ -2668,14 +2661,6 @@ select {
text-decoration-line: underline;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-90 {
opacity: 0.9;
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@ -2854,6 +2839,10 @@ select {
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.prose-headings\:text-inherit :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
color: inherit;
}
@media (prefers-color-scheme: dark) {
.peer:focus ~ .peer-focus\:dark\:text-blue-500 {
--tw-text-opacity: 1;
@ -2912,6 +2901,10 @@ select {
margin: 2rem;
}
.md\:m-4 {
margin: 1rem;
}
.md\:my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
@ -2959,6 +2952,220 @@ select {
gap: 2rem;
}
.md\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.md\:prose-lg :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.md\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.md\:prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.md\:prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.md\:prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.md\:prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.md\:prose-lg :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.md\:prose-lg :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.md\:prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.md\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.md\:prose-lg :where(code):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
}
.md\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
font-size: 0.8666667em;
}
.md\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
font-size: 0.875em;
}
.md\:prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
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 :where(ol):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
.md\:prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
.md\:prose-lg :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.md\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4444444em;
}
.md\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4444444em;
}
.md\:prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.md\:prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.md\:prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.md\:prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.md\:prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
}
.md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.md\:prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.md\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.md\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.md\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.md\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.md\:prose-lg :where(table):not(:where([class~="not-prose"] *)) {
font-size: 0.8888889em;
line-height: 1.5;
}
.md\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.md\:prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.md\:prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
.md\:p-12 {
padding: 3rem;
}
@ -3075,6 +3282,197 @@ select {
gap: 3rem;
}
.lg\:prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.lg\:prose-xl :where(p):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.lg\:prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.lg\:prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.lg\:prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.lg\:prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.lg\:prose-xl :where(img):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-xl :where(video):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.lg\:prose-xl :where(code):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
}
.lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
font-size: 0.8611111em;
}
.lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
}
.lg\:prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.lg\:prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.lg\:prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-left: 1.6em;
}
.lg\:prose-xl :where(li):not(:where([class~="not-prose"] *)) {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4em;
}
.lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
padding-left: 0.4em;
}
.lg\:prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.lg\:prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.lg\:prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.lg\:prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
margin-top: 1.2em;
}
.lg\:prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 1.2em;
}
.lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.lg\:prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-xl :where(table):not(:where([class~="not-prose"] *)) {
font-size: 0.9em;
line-height: 1.5555556;
}
.lg\:prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
@ -3094,13 +3492,32 @@ select {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
padding-left: 0;
}
.lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
padding-right: 0;
}
.lg\:prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
margin-top: 0;
}
.lg\:prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.xl\:m-20 {
margin: 5rem;
}
.xl\:m-8 {
margin: 2rem;
}
@ -3109,6 +3526,10 @@ select {
margin: 3.5rem;
}
.xl\:m-20 {
margin: 5rem;
}
.xl\:mx-auto {
margin-left: auto;
margin-right: auto;