[CSS] Forced to re-add webkit mask image prefix for checkbox styling

This commit is contained in:
Eliseu Amaro 2021-12-08 13:44:06 +00:00
parent 3b8a3e953d
commit a4f18b937e
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
2 changed files with 4 additions and 0 deletions

View File

@ -171,6 +171,8 @@ embed header {
.button-container:focus,
.button-container:hover {
border: none !important;
mask-repeat: no-repeat !important;
mask-size: cover !important;
opacity: 1;
background-color: var(--accent);
}

View File

@ -40,11 +40,13 @@ input[type=radio] {
input[type=checkbox] {
background-size: 100%;
margin-right: 2px;
-webkit-mask-image: url("../../icons/check-off.svg") !important;
-o-mask-image: url("../../icons/check-off.svg") !important;
-moz-mask-image: url("../../icons/check-off.svg") !important;
mask-image: url("../../icons/check-off.svg") !important;
}
input[type=checkbox]:checked {
-webkit-mask-image: url("../../icons/check-on.svg") !important;
-o-mask-image: url("../../icons/check-on.svg") !important;
-moz-mask-image: url("../../icons/check-on.svg") !important;
mask-image: url("../../icons/check-on.svg") !important;