{"html":"

\n \n \n Name\n \n \n \n \n Text helper \n

\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.left-10 {\n left: 2.5rem;\n}\n.left-4 {\n left: 1rem;\n}\n.top-5 {\n top: 1.25rem;\n}\n.top-6 {\n top: 1.5rem;\n}\n.z-10 {\n z-index: 10;\n}\n.block {\n display: block;\n}\n.flex {\n display: flex;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.w-\\[250px\\] {\n width: 250px;\n}\n.w-full {\n width: 100%;\n}\n.min-w-full {\n min-width: 100%;\n}\n.origin-\\[0\\] {\n transform-origin: 0;\n}\n.-translate-y-3 {\n --tw-translate-y: -0.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-gray-500 {\n --tw-border-opacity: 1;\n border-color: rgb(107 114 128 / var(--tw-border-opacity));\n}\n.bg-inherit {\n background-color: inherit;\n}\n.p-4 {\n padding: 1rem;\n}\n.pl-10 {\n padding-left: 2.5rem;\n}\n.pr-4 {\n padding-right: 1rem;\n}\n.pt-1 {\n padding-top: 0.25rem;\n}\n.pt-6 {\n padding-top: 1.5rem;\n}\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.transition {\n transition-property: color, background-color, border-color, fill, stroke,\n opacity, box-shadow, transform, filter, -webkit-text-decoration-color,\n -webkit-backdrop-filter;\n transition-property: color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter;\n transition-property: color, background-color, border-color,\n text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-150 {\n transition-duration: 150ms;\n}\n.focus\\:border-purple-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(168 85 247 / var(--tw-border-opacity));\n}\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n.disabled\\:opacity-70:disabled {\n opacity: 0.7;\n}\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.peer:focus ~ .peer-focus\\:-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.peer:focus ~ .peer-focus\\:scale-75 {\n --tw-scale-x: 0.75;\n --tw-scale-y: 0.75;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.peer:focus ~ .peer-focus\\:text-purple-500 {\n --tw-text-opacity: 1;\n color: rgb(168 85 247 / var(--tw-text-opacity));\n}\n"}

wet-bobcat-17

👁 实时预览

📝 源代码