UNPKG

react-restyle-components

Version:
36 lines (32 loc) 833 B
.-z-1 { z-index: -1; } .origin-0 { transform-origin: 0%; } input:focus ~ label, input:not(:placeholder-shown) ~ label, textarea:focus ~ label, textarea:not(:placeholder-shown) ~ label, select:focus ~ label, select:not([value=""]):valid ~ label { /* @apply transform; scale-75; -translate-y-6; */ --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; transform: translateX(var(--tw-translate-x)) translateY(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)); --tw-scale-x: 0.75; --tw-scale-y: 0.75; --tw-translate-y: -1.5rem; } input:focus ~ label, select:focus ~ label { /* @apply text-black; left-0; */ --tw-text-opacity: 1; color: "#696969"; left: 0px; }