{"html":"\n

\n \n \n \n \n file_type_html\n \n \n \n \n \n \n \n \n

\n +\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n github [#142]\n Created with Sketch.\n \n \n \n \n \n \n \n \n \n \n

\n \n

\n Make awesome input design using only Tailwindcss.\n

\n consectetur adipisicing elit. Molestias distinctio hic quam minima, ab sunt\n culpa laborum doloremque nobis natus.\n

\n HTML + Tailwindcss\n

\n\n","css":".ml-0\\.5 {\n margin-left: 0.125rem;\n}\n.flex {\n display: flex;\n}\n.w-10 {\n width: 2.5rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-\\[310px\\] {\n width: 310px;\n}\n.w-\\[38px\\] {\n width: 38px;\n}\n.items-center {\n align-items: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-3 {\n gap: 0.75rem;\n}\n.gap-5 {\n gap: 1.25rem;\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.rounded-lg {\n border-radius: 0.5rem;\n}\n.border {\n border-width: 1px;\n}\n.border-\\[\\#27344a\\] {\n --tw-border-opacity: 1;\n border-color: rgb(39 52 74 / var(--tw-border-opacity));\n}\n.bg-\\[\\#1E293B\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\n.fill-slate-400 {\n fill: #94a3b8;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.text-\\[13px\\] {\n font-size: 13px;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.capitalize {\n text-transform: capitalize;\n}\n.text-slate-400 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.text-zinc-200 {\n --tw-text-opacity: 1;\n color: rgb(228 228 231 / var(--tw-text-opacity));\n}\n.duration-200 {\n transition-duration: 200ms;\n}\n.hover\\:fill-sky-400:hover {\n fill: #38bdf8;\n}\n"}

gentle-squid-79

👁 实时预览

📝 源代码