Scope checkbox styles to .edra-editor

Tihomir971 · Tihomir971 · commit e3d9bbc1b8f0 · 2026-02-05T09:59:37.000+01:00
diff --git a/src/lib/edra/editor.css b/src/lib/edra/editor.css
@@ -179,7 +179,7 @@ ul[data-type='taskList'] li[data-checked='true'] div {
 	text-decoration: line-through;
 }
 
-input[type='checkbox'] {
+.edra-editor input[type='checkbox'] {
 	position: relative;
 	top: 0rem;
 	display: grid;
@@ -195,15 +195,15 @@ input[type='checkbox'] {
 	border-radius: 0.25rem;
 }
 
-input[type='checkbox']:hover {
+.edra-editor input[type='checkbox']:hover {
 	background-color: color-mix(in srgb, var(--muted) 50%, transparent);
 }
 
-input[type='checkbox']:active {
+.edra-editor input[type='checkbox']:active {
 	background-color: var(--muted);
 }
 
-input[type='checkbox']::before {
+.edra-editor input[type='checkbox']::before {
 	width: 0.75rem;
 	height: 0.75rem;
 	padding: 0.25rem;
@@ -216,11 +216,11 @@ input[type='checkbox']::before {
 	transition: 200ms transform ease-in-out;
 }
 
-input[type='checkbox']:checked {
+.edra-editor input[type='checkbox']:checked {
 	background-color: var(--secondary-foreground);
 }
 
-input[type='checkbox']:checked::before {
+.edra-editor input[type='checkbox']:checked::before {
 	transform: scale(1);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -179,7 +179,7 @@ ul[data-type='taskList'] li[data-checked='true'] div {`
`179`	`179`	`text-decoration: line-through;`
`180`	`180`	`}`
`181`	`181`
`182`		`-input[type='checkbox'] {`
	`182`	`+.edra-editor input[type='checkbox'] {`
`183`	`183`	`position: relative;`
`184`	`184`	`top: 0rem;`
`185`	`185`	`display: grid;`
`@@ -195,15 +195,15 @@ input[type='checkbox'] {`
`195`	`195`	`border-radius: 0.25rem;`
`196`	`196`	`}`
`197`	`197`
`198`		`-input[type='checkbox']:hover {`
	`198`	`+.edra-editor input[type='checkbox']:hover {`
`199`	`199`	`background-color: color-mix(in srgb, var(--muted) 50%, transparent);`
`200`	`200`	`}`
`201`	`201`
`202`		`-input[type='checkbox']:active {`
	`202`	`+.edra-editor input[type='checkbox']:active {`
`203`	`203`	`background-color: var(--muted);`
`204`	`204`	`}`
`205`	`205`
`206`		`-input[type='checkbox']::before {`
	`206`	`+.edra-editor input[type='checkbox']::before {`
`207`	`207`	`width: 0.75rem;`
`208`	`208`	`height: 0.75rem;`
`209`	`209`	`padding: 0.25rem;`
`@@ -216,11 +216,11 @@ input[type='checkbox']::before {`
`216`	`216`	`transition: 200ms transform ease-in-out;`
`217`	`217`	`}`
`218`	`218`
`219`		`-input[type='checkbox']:checked {`
	`219`	`+.edra-editor input[type='checkbox']:checked {`
`220`	`220`	`background-color: var(--secondary-foreground);`
`221`	`221`	`}`
`222`	`222`
`223`		`-input[type='checkbox']:checked::before {`
	`223`	`+.edra-editor input[type='checkbox']:checked::before {`
`224`	`224`	`transform: scale(1);`
`225`	`225`	`}`
`226`	`226`