diff --git a/.changeset/clean-sloths-lick.md b/.changeset/clean-sloths-lick.md new file mode 100644 index 00000000000..91d405f7e39 --- /dev/null +++ b/.changeset/clean-sloths-lick.md @@ -0,0 +1,5 @@ +--- +"@utrecht/custom-checkbox-css": patch +--- + +Remove SVG checkmark background image from checkbox :focus and :active states. diff --git a/components/custom-checkbox/src/_mixin.scss b/components/custom-checkbox/src/_mixin.scss index b3b407bf95f..9111a3000c6 100644 --- a/components/custom-checkbox/src/_mixin.scss +++ b/components/custom-checkbox/src/_mixin.scss @@ -68,7 +68,6 @@ @mixin utrecht-custom-checkbox--active { background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color)); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color)); border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width)); color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color)); @@ -84,7 +83,6 @@ @include utrecht-focus; background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color)); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color)); border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width)); }