1 line
20 KiB
CSS
1 line
20 KiB
CSS
|
/*! 🌼 daisyUI 5.5.7 - MIT License */ @layer utilities{.checkbox{@layer daisyui.l1.l2.l3{&{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000));&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}}.checkbox-primary{@layer daisyui.l1.l2{&{color:var(--color-primary-content);--input-color:var(--color-primary)}}}.checkbox-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary-content);--input-color:var(--color-secondary)}}}.checkbox-accent{@layer daisyui.l1.l2{&{color:var(--color-accent-content);--input-color:var(--color-accent)}}}.checkbox-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral-content);--input-color:var(--color-neutral)}}}.checkbox-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--input-color:var(--color-info)}}}.checkbox-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--input-color:var(--color-success)}}}.checkbox-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--input-color:var(--color-warning)}}}.checkbox-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--input-color:var(--color-error)}}}.checkbox:disabled{@layer daisyui.l1.l2{&{cursor:not-allowed;opacity:.2}}}.checkbox-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}}}.checkbox-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}}}.checkbox-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}}}.checkbox-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}}}.checkbox-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}}@media (width>=640px){.sm\:checkbox{@layer daisyui.l1.l2.l3{&{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000));cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%)
|