done with styling of mt-form
This commit is contained in:
Chris Cochrun
parent
60ad401892
commit
d760bdc2d2
2 changed files with 205 additions and 124 deletions
|
|
@ -1562,6 +1562,58 @@ select {
|
|||
top: 5rem;
|
||||
}
|
||||
|
||||
.bottom-10 {
|
||||
bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.right-10 {
|
||||
right: 2.5rem;
|
||||
}
|
||||
|
||||
.right-1\/4 {
|
||||
right: 25%;
|
||||
}
|
||||
|
||||
.left-1\/4 {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.bottom-auto {
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.bottom-1\/2 {
|
||||
bottom: 50%;
|
||||
}
|
||||
|
||||
.-bottom-10 {
|
||||
bottom: -2.5rem;
|
||||
}
|
||||
|
||||
.bottom-16 {
|
||||
bottom: 4rem;
|
||||
}
|
||||
|
||||
.bottom-48 {
|
||||
bottom: 12rem;
|
||||
}
|
||||
|
||||
.bottom-40 {
|
||||
bottom: 10rem;
|
||||
}
|
||||
|
||||
.right-4 {
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.bottom-60 {
|
||||
bottom: 15rem;
|
||||
}
|
||||
|
||||
.bottom-64 {
|
||||
bottom: 16rem;
|
||||
}
|
||||
|
||||
.z-30 {
|
||||
z-index: 30;
|
||||
}
|
||||
|
|
@ -1574,6 +1626,10 @@ select {
|
|||
order: -9999;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.m-auto {
|
||||
margin: auto;
|
||||
}
|
||||
|
|
@ -1594,6 +1650,21 @@ select {
|
|||
margin: 0.25rem;
|
||||
}
|
||||
|
||||
.my-4 {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.my-10 {
|
||||
margin-top: 2.5rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.my-0 {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
|
|
@ -1624,26 +1695,6 @@ 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;
|
||||
}
|
||||
|
|
@ -1684,8 +1735,8 @@ select {
|
|||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.mb-10 {
|
||||
margin-bottom: 2.5rem;
|
||||
.mr-4 {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.-mr-2 {
|
||||
|
|
@ -1704,6 +1755,10 @@ select {
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.mb-10 {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.-mr-48 {
|
||||
margin-right: -12rem;
|
||||
}
|
||||
|
|
@ -1780,22 +1835,6 @@ select {
|
|||
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;
|
||||
}
|
||||
|
|
@ -1832,6 +1871,10 @@ select {
|
|||
height: 24rem;
|
||||
}
|
||||
|
||||
.h-64 {
|
||||
height: 16rem;
|
||||
}
|
||||
|
||||
.h-24 {
|
||||
height: 6rem;
|
||||
}
|
||||
|
|
@ -1876,10 +1919,6 @@ select {
|
|||
height: 1000px;
|
||||
}
|
||||
|
||||
.h-64 {
|
||||
height: 16rem;
|
||||
}
|
||||
|
||||
.max-h-\[5rem\] {
|
||||
max-height: 5rem;
|
||||
}
|
||||
|
|
@ -1900,6 +1939,10 @@ select {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.w-24 {
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.w-screen {
|
||||
width: 100vw;
|
||||
}
|
||||
|
|
@ -1908,10 +1951,6 @@ select {
|
|||
width: 9rem;
|
||||
}
|
||||
|
||||
.w-24 {
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.w-8 {
|
||||
width: 2rem;
|
||||
}
|
||||
|
|
@ -1976,14 +2015,18 @@ select {
|
|||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.flex-auto {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.flex-initial {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
|
@ -1996,14 +2039,6 @@ select {
|
|||
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));
|
||||
|
|
@ -2043,30 +2078,10 @@ select {
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.content-center {
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
|
@ -2075,10 +2090,6 @@ select {
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.justify-items-start {
|
||||
justify-items: start;
|
||||
}
|
||||
|
||||
.gap-12 {
|
||||
gap: 3rem;
|
||||
}
|
||||
|
|
@ -2218,6 +2229,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-neutral-100\/50 {
|
||||
background-color: rgba(var(--color-neutral-100), 0.5);
|
||||
}
|
||||
|
|
@ -2250,6 +2266,16 @@ 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-primary-700 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-gradient-to-t {
|
||||
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||
}
|
||||
|
|
@ -2297,6 +2323,11 @@ select {
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
.object-none {
|
||||
-o-object-fit: none;
|
||||
object-fit: none;
|
||||
}
|
||||
|
||||
.object-scale-down {
|
||||
-o-object-fit: scale-down;
|
||||
object-fit: scale-down;
|
||||
|
|
@ -2307,6 +2338,11 @@ select {
|
|||
object-position: top;
|
||||
}
|
||||
|
||||
.object-right-bottom {
|
||||
-o-object-position: right bottom;
|
||||
object-position: right bottom;
|
||||
}
|
||||
|
||||
.object-left {
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
|
|
@ -2464,10 +2500,6 @@ select {
|
|||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -3477,8 +3509,13 @@ body:has(#menu-controller:checked) {
|
|||
}
|
||||
}
|
||||
|
||||
.file\:m-4::file-selector-button {
|
||||
margin: 1rem;
|
||||
.file\:my-4::file-selector-button {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.file\:ml-2::file-selector-button {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.file\:rounded-lg::file-selector-button {
|
||||
|
|
@ -3556,6 +3593,11 @@ body:has(#menu-controller:checked) {
|
|||
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
|
||||
}
|
||||
|
||||
.hover\:bg-primary-900:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-primary-600:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
|
||||
|
|
@ -3636,6 +3678,11 @@ body:has(#menu-controller:checked) {
|
|||
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:bg-primary-900:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:outline-dotted:focus {
|
||||
outline-style: dotted;
|
||||
}
|
||||
|
|
@ -3654,11 +3701,28 @@ body:has(#menu-controller:checked) {
|
|||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
}
|
||||
|
||||
.focus\:ring-1: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(1px + 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: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(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-primary-500:focus {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgba(var(--color-primary-500), var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
.focus\:ring-primary-700:focus {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgba(var(--color-primary-700), var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
.focus\:ring-offset-2:focus {
|
||||
--tw-ring-offset-width: 2px;
|
||||
}
|
||||
|
|
@ -4101,6 +4165,14 @@ body:has(#menu-controller:checked) {
|
|||
}
|
||||
|
||||
@media (min-width: 853px) {
|
||||
.md\:bottom-40 {
|
||||
bottom: 10rem;
|
||||
}
|
||||
|
||||
.md\:bottom-24 {
|
||||
bottom: 6rem;
|
||||
}
|
||||
|
||||
.md\:mr-7 {
|
||||
margin-right: 1.75rem;
|
||||
}
|
||||
|
|
@ -4188,6 +4260,10 @@ body:has(#menu-controller:checked) {
|
|||
left: 0px;
|
||||
}
|
||||
|
||||
.lg\:bottom-40 {
|
||||
bottom: 10rem;
|
||||
}
|
||||
|
||||
.lg\:order-last {
|
||||
order: 9999;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue