frutjam
Version:
A utility-first CSS UI Library for Tailwind CSS
2 lines (1 loc) • 1.87 kB
JavaScript
export default {".swap":{"position":"relative","display":"inline-grid","place-items":"center","cursor":"pointer","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","vertical-align":"middle",":where(&) :where(input[type=\"checkbox\"])":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","position":"absolute","inset":"0","opacity":0,"cursor":"pointer","margin":"0"},":where(&) :where(.swap-on),\n :where(&) :where(.swap-off),\n :where(&) :where(.swap-indeterminate)":{"grid-column":"1","grid-row":"1","transition":"opacity 300ms ease-in-out,\n rotate 300ms ease-in-out,\n transform 300ms ease-in-out"},":where(&) :where(.swap-on),\n :where(&) :where(.swap-indeterminate)":{"opacity":0,"pointer-events":"none"},":where(&) :where(.swap-off)":{"opacity":1},"&:has(input:checked),\n &.swap-active":{":where(.swap-on)":{"opacity":1,"pointer-events":"auto"},":where(.swap-off)":{"opacity":0,"pointer-events":"none"}},"&:has(input:indeterminate)":{":where(.swap-indeterminate)":{"opacity":1,"pointer-events":"auto"},":where(.swap-on)":{"opacity":0,"pointer-events":"none"}}},".swap-rotate":{":where(&) :where(.swap-on),\n :where(&) :where(.swap-indeterminate)":{"rotate":"45deg"},"&:has(input:checked),\n &.swap-active":{":where(.swap-off)":{"rotate":"-45deg"},":where(.swap-on),\n :where(.swap-indeterminate)":{"rotate":"0deg"}}},".swap-flip":{"perspective":"16rem",":where(&) :where(.swap-on),\n :where(&) :where(.swap-indeterminate)":{"backface-visibility":"hidden","transform":"rotateY(180deg)"},":where(&) :where(.swap-off)":{"backface-visibility":"hidden","transform":"rotateY(0deg)"},"&:has(input:checked),\n &.swap-active":{":where(.swap-off)":{"transform":"rotateY(-180deg)"},":where(.swap-on),\n :where(.swap-indeterminate)":{"transform":"rotateY(0deg)"}}}};