add camp-form

This commit is contained in:
Chris Cochrun 2023-03-21 15:09:19 -05:00
parent 42497fb4c5
commit eae2232537
7 changed files with 384 additions and 37 deletions

View file

@ -929,14 +929,21 @@ select {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
background-color: rgba(var(--color-neutral-50), 1);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.prose :where(code):not(:where([class~="not-prose"] *))::before {
content: "`";
display: none;
}
.prose :where(code):not(:where([class~="not-prose"] *))::after {
content: "`";
display: none;
}
.prose :where(a code):not(:where([class~="not-prose"] *)) {
@ -1204,6 +1211,14 @@ select {
border-radius: 0.12rem;
}
.prose :where(p):not(:where([class~="not-prose"] *))::before {
display: none;
}
.prose :where(p):not(:where([class~="not-prose"] *))::after {
display: none;
}
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
@ -1537,11 +1552,38 @@ select {
left: 0px;
}
.inset-0\.5 {
top: 0.125rem;
right: 0.125rem;
bottom: 0.125rem;
left: 0.125rem;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.inset-x-0\.5 {
left: 0.125rem;
right: 0.125rem;
}
.inset-x-full {
left: 100%;
right: 100%;
}
.inset-x-auto {
left: auto;
right: auto;
}
.inset-x-1\/2 {
left: 50%;
right: 50%;
}
.top-\[100vh\] {
top: 100vh;
}
@ -1554,6 +1596,18 @@ select {
top: calc(100vh - 5.5rem);
}
.bottom-4 {
bottom: 1rem;
}
.right-1\/2 {
right: 50%;
}
.left-1\/2 {
left: 50%;
}
.top-0 {
top: 0px;
}
@ -1586,14 +1640,14 @@ select {
margin: auto;
}
.m-4 {
margin: 1rem;
}
.m-2 {
margin: 0.5rem;
}
.m-4 {
margin: 1rem;
}
.m-0 {
margin: 0px;
}
@ -1607,16 +1661,16 @@ select {
margin-bottom: 1rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
@ -1679,6 +1733,14 @@ select {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-20 {
margin-top: 5rem;
}
@ -1691,14 +1753,6 @@ select {
margin-right: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-4 {
margin-top: 1rem;
}
.-mr-2 {
margin-right: -0.5rem;
}
@ -1911,6 +1965,14 @@ select {
width: 1.5rem;
}
.w-44 {
width: 11rem;
}
.w-40 {
width: 10rem;
}
.min-w-0 {
min-width: 0px;
}
@ -1955,6 +2017,12 @@ select {
max-width: 48rem;
}
.max-w-fit {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.max-w-\[64rem\] {
max-width: 64rem;
}
@ -2129,6 +2197,11 @@ select {
border-bottom-left-radius: 0.5rem;
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.border {
border-width: 1px;
}
@ -2184,6 +2257,11 @@ select {
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.bg-primary-500 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
}
.bg-primary-700 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity));
@ -2226,6 +2304,11 @@ select {
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
}
.bg-primary-300 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
@ -2292,14 +2375,14 @@ select {
padding: 1rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-2 {
padding: 0.5rem;
}
.p-0 {
padding: 0px;
}
@ -2457,6 +2540,10 @@ select {
vertical-align: text-bottom;
}
.align-sub {
vertical-align: sub;
}
.align-super {
vertical-align: super;
}
@ -2584,16 +2671,16 @@ select {
color: rgba(var(--color-neutral-50), var(--tw-text-opacity));
}
.text-\[\#fca5a5\] {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-\[\#f39\] {
--tw-text-opacity: 1;
color: rgb(255 51 153 / var(--tw-text-opacity));
}
.text-\[\#fca5a5\] {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-primary-300 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-300), var(--tw-text-opacity));
@ -2634,6 +2721,11 @@ select {
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
.text-neutral-100 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
}
.\!no-underline {
text-decoration-line: none !important;
}
@ -2664,14 +2756,14 @@ select {
opacity: 0;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-30 {
opacity: 0.3;
}
.mix-blend-normal {
mix-blend-mode: normal;
}
@ -2680,6 +2772,12 @@ select {
mix-blend-mode: multiply;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
@ -2698,6 +2796,12 @@ select {
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 rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-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);
@ -3564,6 +3668,11 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
}
.hover\:bg-primary-300:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
}
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
@ -3605,6 +3714,12 @@ body:has(#menu-controller:checked) {
text-underline-offset: 2px;
}
.hover\:shadow-xl:hover {
--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);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:file\:bg-primary-300::file-selector-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
@ -3947,6 +4062,10 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-secondary-400), 1);
}
.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
background-color: rgba(var(--color-neutral-700), 1);
}
.dark .dark\:text-neutral {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral), var(--tw-text-opacity));