diff --git a/input.css b/input.css index 921a6b7..33f2b6e 100644 --- a/input.css +++ b/input.css @@ -2,6 +2,17 @@ @tailwind components; @tailwind utilities; @tailwind forms; + +@layer base { + input[type='number']::-webkit-outer-spin-button, + input[type='number']::-webkit-inner-spin-button, + input[type='number'] { + -webkit-appearance: none; + margin: 0; + -moz-appearance: textfield !important; + } +} + @font-face { font-family: "Rubik"; src: url('./fonts/Rubik-Medium.ttf'); diff --git a/output.css b/output.css index 01c2cda..3ca9cfe 100644 --- a/output.css +++ b/output.css @@ -586,6 +586,14 @@ html { --bc: 220 13% 69%; } +input[type='number']::-webkit-outer-spin-button, + input[type='number']::-webkit-inner-spin-button, + input[type='number'] { + -webkit-appearance: none; + margin: 0; + -moz-appearance: textfield !important; +} + *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; @@ -7844,6 +7852,10 @@ details.collapse summary::-webkit-details-marker { margin-bottom: 6rem; } +.mb-3 { + margin-bottom: 0.75rem; +} + .mb-4 { margin-bottom: 1rem; } @@ -7852,6 +7864,10 @@ details.collapse summary::-webkit-details-marker { margin-bottom: 1.25rem; } +.mb-8 { + margin-bottom: 2rem; +} + .ml-2 { margin-left: 0.5rem; } @@ -8331,6 +8347,10 @@ details.collapse summary::-webkit-details-marker { list-style-position: outside; } +.list-decimal { + list-style-type: decimal; +} + .appearance-none { -webkit-appearance: none; -moz-appearance: none; @@ -9120,6 +9140,11 @@ details.collapse summary::-webkit-details-marker { border-color: rgb(90 20 117 / var(--tw-border-opacity)); } +.border-\[\#761eff\] { + --tw-border-opacity: 1; + border-color: rgb(118 30 255 / var(--tw-border-opacity)); +} + .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); @@ -9423,6 +9448,10 @@ details.collapse summary::-webkit-details-marker { padding: 0.5rem; } +.p-4 { + padding: 1rem; +} + .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; @@ -9501,6 +9530,10 @@ details.collapse summary::-webkit-details-marker { padding-right: 4rem; } +.pr-8 { + padding-right: 2rem; +} + .pt-0 { padding-top: 0px; } @@ -10618,6 +10651,11 @@ input.valid { background-color: rgb(248 113 113 / var(--tw-bg-opacity)); } +.focus\:border-\[\#761eff\]:focus { + --tw-border-opacity: 1; + border-color: rgb(118 30 255 / var(--tw-border-opacity)); +} + .focus\:shadow-lg:focus { --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); @@ -10629,11 +10667,20 @@ input.valid { --tw-shadow: var(--tw-shadow-colored); } +.focus\:shadow-black\/50:focus { + --tw-shadow-color: rgb(0 0 0 / 0.5); + --tw-shadow: var(--tw-shadow-colored); +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } +.focus\:outline-\[\#761eff\]\/50:focus { + outline-color: rgb(118 30 255 / 0.5); +} + .focus\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -10738,6 +10785,11 @@ input.valid { border-color: rgb(107 114 128 / var(--tw-border-opacity)); } +:is(.dark .dark\:border-success) { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); +} + :is(.dark .dark\:bg-\[\#BF991D\]) { --tw-bg-opacity: 1; background-color: rgb(191 153 29 / var(--tw-bg-opacity)); @@ -10785,6 +10837,11 @@ input.valid { color: rgb(191 153 29 / var(--tw-text-opacity)); } +:is(.dark .dark\:text-\[\#ffff59\]) { + --tw-text-opacity: 1; + color: rgb(255 255 89 / var(--tw-text-opacity)); +} + :is(.dark .dark\:text-emerald-400) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity)); @@ -10815,6 +10872,11 @@ input.valid { color: rgb(255 255 255 / var(--tw-text-opacity)); } +:is(.dark .dark\:brightness-125) { + --tw-brightness: brightness(1.25); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + :is(.dark .dark\:hover\:border-none:hover) { border-style: none; } @@ -10844,6 +10906,15 @@ input.valid { --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)); } +:is(.dark .dark\:focus\:border-success:focus) { + --tw-border-opacity: 1; + border-color: hsl(var(--su) / var(--tw-border-opacity)); +} + +:is(.dark .dark\:focus\:outline-success:focus) { + outline-color: hsl(var(--su) / 1); +} + :is(.dark .dark\:focus\:ring-emerald-400:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity)); @@ -10919,6 +10990,10 @@ input.valid { display: none; } + .lg\:w-1\/2 { + width: 50%; + } + .lg\:w-1\/3 { width: 33.333333%; }