src/css/components/switch.css

/* Switch */
@layer components {
  .field > input[type='checkbox'][role='switch'],
  .input[type='checkbox'][role='switch'] {
    @apply inline-flex shrink-0 appearance-none items-center transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50;
    @apply before:pointer-events-none before:block before:content-[''] before:ring-0 before:transition-transform;
  }
}
Align button styles across all eight variants 2026-06-01 15:10:35 +08:00			`/* Switch */`
			`@layer components {`
Migrate empty and item docs to Basecoat APIs 2026-06-03 18:59:21 +08:00			`.field > input[type='checkbox'][role='switch'],`
Align button styles across all eight variants 2026-06-01 15:10:35 +08:00			`.input[type='checkbox'][role='switch'] {`
Migrate empty and item docs to Basecoat APIs 2026-06-03 18:59:21 +08:00			`@apply inline-flex shrink-0 appearance-none items-center transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50;`
			`@apply before:pointer-events-none before:block before:content-[''] before:ring-0 before:transition-transform;`
Align button styles across all eight variants 2026-06-01 15:10:35 +08:00			`}`
			`}`