replace styles for focus mixin

BenOsodrac · BenOsodrac · commit f9b473b46942 · 2024-12-10T19:27:30.000Z
diff --git a/core/src/components/checkbox/checkbox.ionic.scss b/core/src/components/checkbox/checkbox.ionic.scss
@@ -380,8 +380,7 @@ input {
 // --------------------------------------------------
 // Only show the focus ring when the checkbox is focused and not disabled
 :host(.ion-focused:not(.checkbox-disabled)) .native-wrapper {
-  outline: var(--focus-ring-width) globals.$ion-border-style-solid var(--focus-ring-color);
-  outline-offset: var(--focus-ring-offset);
+  @include globals.focused-state();
 }
 
 // Checkbox: Active

Original file line number	Diff line number	Diff line change
`@@ -380,8 +380,7 @@ input {`
`380`	`380`	`// --------------------------------------------------`
`381`	`381`	`// Only show the focus ring when the checkbox is focused and not disabled`
`382`	`382`	`:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper {`
`383`		`- outline: var(--focus-ring-width) globals.$ion-border-style-solid var(--focus-ring-color);`
`384`		`- outline-offset: var(--focus-ring-offset);`
	`383`	`+ @include globals.focused-state();`
`385`	`384`	`}`
`386`	`385`
`387`	`386`	`// Checkbox: Active`