updating mt-form more

This commit is contained in:
Chris Cochrun 2022-11-08 17:32:38 -06:00
parent 5f24fedf1f
commit dbfbe34e19
2 changed files with 399 additions and 295 deletions

View file

@ -1554,6 +1554,10 @@ select {
top: 0px;
}
.right-0 {
right: 0px;
}
.top-20 {
top: 5rem;
}
@ -1562,10 +1566,6 @@ select {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.z-10 {
z-index: 10;
}
@ -1624,6 +1624,26 @@ select {
margin-right: 0.25rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mt-0 {
margin-top: 0px;
}
@ -1664,6 +1684,10 @@ select {
margin-bottom: 2rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.-mr-2 {
margin-right: -0.5rem;
}
@ -1680,10 +1704,6 @@ select {
margin-bottom: 0px;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.-mr-48 {
margin-right: -12rem;
}
@ -1700,6 +1720,10 @@ select {
margin-bottom: 3rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
@ -1740,18 +1764,38 @@ select {
margin-top: 0.5rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.\!mb-9 {
margin-bottom: 2.25rem !important;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-\[2px\] {
margin-bottom: 2px;
}
.mr-20 {
margin-right: 5rem;
}
.mr-12 {
margin-right: 3rem;
}
.mr-24 {
margin-right: 6rem;
}
.mr-4 {
margin-right: 1rem;
}
.block {
display: block;
}
@ -1812,8 +1856,28 @@ select {
height: 2rem;
}
.h-\[300px\] {
height: 300px;
.h-\[120px\] {
height: 120px;
}
.h-\[100px\] {
height: 100px;
}
.h-\[150px\] {
height: 150px;
}
.h-\[800px\] {
height: 800px;
}
.h-\[1000px\] {
height: 1000px;
}
.h-64 {
height: 16rem;
}
.max-h-\[5rem\] {
@ -1824,6 +1888,10 @@ select {
min-height: 0px;
}
.min-h-\[148px\] {
min-height: 148px;
}
.w-12 {
width: 3rem;
}
@ -1856,6 +1924,10 @@ select {
min-width: 0px;
}
.min-w-full {
min-width: 100%;
}
.min-w-\[1\.8rem\] {
min-width: 1.8rem;
}
@ -1888,10 +1960,18 @@ select {
max-width: 36rem;
}
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-\[64rem\] {
max-width: 64rem;
}
.flex-1 {
flex: 1 1 0%;
}
@ -1908,22 +1988,22 @@ select {
flex-grow: 1;
}
.basis-1\/2 {
flex-basis: 50%;
}
.basis-1 {
flex-basis: 0.25rem;
}
.basis-full {
flex-basis: 100%;
}
.basis-1\/2 {
flex-basis: 50%;
}
.basis-1\/4 {
flex-basis: 25%;
}
.basis-1\/3 {
flex-basis: 33.333333%;
}
.-translate-y-8 {
--tw-translate-y: -2rem;
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));
@ -1963,26 +2043,30 @@ select {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.place-items-center {
place-items: center;
}
.content-center {
align-content: center;
}
.items-end {
align-items: flex-end;
.content-start {
align-content: flex-start;
}
.content-around {
align-content: space-around;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-center {
justify-content: center;
}
@ -1991,6 +2075,10 @@ select {
justify-content: space-between;
}
.justify-items-start {
justify-items: start;
}
.gap-12 {
gap: 3rem;
}
@ -2200,6 +2288,10 @@ select {
--tw-gradient-to: rgba(var(--color-secondary-700), 1);
}
.to-neutral {
--tw-gradient-to: rgba(var(--color-neutral), 1);
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
@ -2220,11 +2312,6 @@ select {
object-position: left;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.p-4 {
padding: 1rem;
}
@ -2300,6 +2387,11 @@ select {
padding-right: 0.5rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-\[1px\] {
padding-top: 1px;
padding-bottom: 1px;
@ -2340,6 +2432,22 @@ select {
padding-left: 1rem;
}
.pl-8 {
padding-left: 2rem;
}
.pr-8 {
padding-right: 2rem;
}
.pt-4 {
padding-top: 1rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pl-2 {
padding-left: 0.5rem;
}
@ -2348,8 +2456,16 @@ select {
padding-bottom: 1rem;
}
.pt-4 {
padding-top: 1rem;
.pl-\[24px\] {
padding-left: 24px;
}
.pr-\[24px\] {
padding-right: 24px;
}
.pr-2 {
padding-right: 0.5rem;
}
.text-center {
@ -2486,9 +2602,9 @@ select {
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
}
.text-\[\#fff\] {
.text-neutral-50 {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
color: rgba(var(--color-neutral-50), var(--tw-text-opacity));
}
.text-primary-300 {
@ -2526,14 +2642,9 @@ select {
color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
}
.text-neutral-100 {
.text-primary-800 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
}
.text-neutral-50 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-50), var(--tw-text-opacity));
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
.\!no-underline {
@ -2552,16 +2663,6 @@ select {
text-decoration-color: rgba(var(--color-neutral-300), 1);
}
.placeholder-neutral-100::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-placeholder-opacity));
}
.placeholder-neutral-100::placeholder {
--tw-placeholder-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-placeholder-opacity));
}
.placeholder-neutral-300::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-placeholder-opacity));
@ -2576,6 +2677,14 @@ select {
opacity: 0;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-70 {
opacity: 0.7;
}
.mix-blend-normal {
mix-blend-mode: normal;
}
@ -2590,30 +2699,18 @@ select {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px 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-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-2 {
--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-2 {
--tw-ring-offset-width: 2px;
}
.ring-offset-neutral-50 {
--tw-ring-offset-color: rgba(var(--color-neutral-50), 1);
}
.ring-offset-neutral-500 {
--tw-ring-offset-color: rgba(var(--color-neutral-500), 1);
}
.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);
@ -2626,6 +2723,12 @@ select {
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-blur-2xl {
--tw-backdrop-blur: blur(40px);
-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);
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@ -3306,6 +3409,13 @@ body:has(#menu-controller:checked) {
background-position:center;
}
.thumbnail_card {
height: 250px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
.single_hero_basic {
background-repeat:no-repeat;
background-size:cover;
@ -3336,6 +3446,14 @@ body:has(#menu-controller:checked) {
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
}
.anchor {
display: block;
position: relative;
top: -100px;
height: 0px;
visibility: hidden;
}
@media (min-width: 640px) {
.thumbnail {
min-width: 100%;
@ -3363,14 +3481,6 @@ body:has(#menu-controller:checked) {
margin: 1rem;
}
.file\:mr-4::file-selector-button {
margin-right: 1rem;
}
.file\:rounded-full::file-selector-button {
border-radius: 9999px;
}
.file\:rounded-lg::file-selector-button {
border-radius: 0.5rem;
}
@ -3379,54 +3489,11 @@ body:has(#menu-controller:checked) {
border-width: 0px;
}
.file\:border-2::file-selector-button {
border-width: 2px;
}
.file\:bg-neutral-50::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-50), var(--tw-bg-opacity));
}
.file\:bg-primary-50::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-50), var(--tw-bg-opacity));
}
.file\:bg-neutral-500::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.file\:bg-primary-500::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
}
.file\:bg-primary-100::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
.file\:bg-neutral-400::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity));
}
.file\:bg-neutral-100::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity));
}
.file\:bg-neutral-200::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity));
}
.file\:p-4::file-selector-button {
padding: 1rem;
}
.file\:py-2::file-selector-button {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
@ -3437,11 +3504,6 @@ body:has(#menu-controller:checked) {
padding-right: 1rem;
}
.file\:py-4::file-selector-button {
padding-top: 1rem;
padding-bottom: 1rem;
}
.file\:text-sm::file-selector-button {
font-size: 0.875rem;
line-height: 1.25rem;
@ -3451,21 +3513,6 @@ body:has(#menu-controller:checked) {
font-weight: 600;
}
.file\:text-neutral-700::file-selector-button {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
.file\:text-primary-700::file-selector-button {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
}
.file\:text-primary-300::file-selector-button {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-300), var(--tw-text-opacity));
}
.file\:text-neutral-100::file-selector-button {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
@ -3475,16 +3522,6 @@ body:has(#menu-controller:checked) {
margin-top: 2rem;
}
.checked\:bg-primary-500:checked {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
}
.checked\:bg-neutral-500:checked {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.checked\:text-neutral-500:checked {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
@ -3494,6 +3531,11 @@ body:has(#menu-controller:checked) {
border-color: transparent;
}
.hover\:bg-neutral-500:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.hover\:bg-primary-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@ -3514,11 +3556,6 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
}
.hover\:bg-neutral-500:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
}
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
@ -3560,51 +3597,11 @@ body:has(#menu-controller:checked) {
text-underline-offset: 2px;
}
.hover\:ring-2:hover {
--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);
}
.hover\:ring-primary-500:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity));
}
.hover\:file\:bg-neutral-100::file-selector-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity));
}
.hover\:file\:bg-primary-300::file-selector-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
}
.hover\:file\:p-9::file-selector-button:hover {
padding: 2.25rem;
}
.hover\:file\:px-5::file-selector-button:hover {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.hover\:file\:px-6::file-selector-button:hover {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.hover\:file\:text-primary-100::file-selector-button:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-100), var(--tw-text-opacity));
}
.hover\:file\:text-primary-700::file-selector-button:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
}
.hover\:file\:text-primary-500::file-selector-button:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-500), var(--tw-text-opacity));
@ -3639,16 +3636,6 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
.focus\:text-primary-500:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-500), var(--tw-text-opacity));
}
.focus\:text-primary-200:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-200), var(--tw-text-opacity));
}
.focus\:outline-dotted:focus {
outline-style: dotted;
}
@ -3676,10 +3663,6 @@ body:has(#menu-controller:checked) {
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-neutral-500:focus {
--tw-ring-offset-color: rgba(var(--color-neutral-500), 1);
}
.focus\:ring-offset-transparent:focus {
--tw-ring-offset-color: transparent;
}
@ -3899,6 +3882,10 @@ body:has(#menu-controller:checked) {
--tw-gradient-to: rgba(var(--color-secondary-800), 1);
}
.dark .dark\:to-neutral-800 {
--tw-gradient-to: rgba(var(--color-neutral-800), 1);
}
.dark .dark\:prose-invert {
--tw-prose-body: var(--tw-prose-invert-body);
--tw-prose-headings: var(--tw-prose-invert-headings);
@ -3971,6 +3958,15 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
}
.dark .dark\:text-primary-200 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-200), var(--tw-text-opacity));
}
.dark .dark\:opacity-60 {
opacity: 0.6;
}
.dark .dark\:mix-blend-multiply {
mix-blend-mode: multiply;
}
@ -4133,6 +4129,10 @@ body:has(#menu-controller:checked) {
height: 18rem;
}
.md\:h-\[200px\] {
height: 200px;
}
.md\:h-56 {
height: 14rem;
}
@ -4316,4 +4316,10 @@ body:has(#menu-controller:checked) {
.xl\:w-1\/4 {
width: 25%;
}
}
@media (min-width: 1536px) {
.\32xl\:w-1\/5 {
width: 20%;
}
}