flyonui
Version:
The easiest, free and open-source Tailwind CSS component library with semantic classes.
1 lines • 3.02 kB
JavaScript
export default {".pin-input":{"border-radius":"var(--radius-field)","border-style":"var(--tw-border-style)","border-width":"1px","border-color":"color-mix(in oklab, var(--color-base-content) 25%, transparent)","background-color":"var(--color-base-100)","text-align":"center","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 80%, transparent)"},"height":"var(--size)","width":"var(--size)","transition":"border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out","--size":"calc(var(--size-field, 0.25rem) * 9.5)","&:hover:not(:focus, :focus-within)":{"border-color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)"},"&:focus, &:focus-within":{"border-color":"var(--color-primary)","--tw-shadow":"0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--tw-shadow-color":"color-mix(in oklab, var(--color-primary) 30%, #0000)","outline":"1px solid var(--color-primary)","isolation":"isolate"},"&.disabled, &:disabled, &[disabled]":{"pointer-events":"none","border-color":"color-mix(in oklab, var(--color-base-content) 25%, transparent)","background-color":"color-mix(in oklab, var(--color-base-content) 5%, transparent)","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)"}}},".pin-input-underline":{"border-radius":"0","border-style":"var(--tw-border-style)","border-width":"0px","border-bottom-style":"var(--tw-border-style)","border-bottom-width":"1px","border-color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","background-color":"transparent","&:focus, &:focus-within":{"border-bottom-style":"var(--tw-border-style)","border-bottom-width":"2px","border-color":"var(--color-primary)","--tw-shadow":"0 0 #0000","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--tw-outline-style":"none","outline-style":"none"}},".pin-input-xs":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--size":"calc(var(--size-field, 0.25rem) * 6)"},".pin-input-sm":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--size":"calc(var(--size-field, 0.25rem) * 7.5)"},".pin-input-md":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--size":"calc(var(--size-field, 0.25rem) * 9.5)"},".pin-input-lg":{"font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))","--size":"calc(var(--size-field, 0.25rem) * 11.5)"},".pin-input-xl":{"font-size":"var(--text-xl)","line-height":"var(--tw-leading, var(--text-xl--line-height))","--size":"calc(var(--size-field, 0.25rem) * 14)"}};