[style] fix checkbox icon svg bg color

This commit is contained in:
axolotle 2022-10-28 18:21:53 +02:00
parent 2284034acb
commit f518ebbf85

View file

@ -96,6 +96,11 @@
}
}
}
// FIX svg fill not working with CSS variables
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>"));
}
}
[dark-theme="true"] {
@ -128,6 +133,11 @@
@include alert-variant(theme-color-level($color, -6), theme-color-level($color, -5), theme-color-level($color, 2));
}
}
// FIX svg fill not working with CSS variables
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#202020' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>"));
}
}
// Style overrides happens after dependencies imports