1 line
1.0 KiB
CSS
1 line
1.0 KiB
CSS
button[role=checkbox]{width:1.5rem;height:1.5rem;flex-shrink:0;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--primary);--tw-ring-offset-color:var(--background)}button[role=checkbox]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px}button[role=checkbox]:disabled{cursor:not-allowed;opacity:.5}button[role=checkbox][data-state=checked]{background-color:var(--primary);color:var(--primary-foreground)}button[role=checkbox]>span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:currentColor}button[role=checkbox]+label{font-size:1.3rem;font-weight:500;color:var(--label)}button[role=checkbox]:disabled+label{cursor:not-allowed;opacity:.7} |