[CSS] Forced to re-add webkit mask image prefix for checkbox styling
This commit is contained in:
parent
3b8a3e953d
commit
a4f18b937e
@ -171,6 +171,8 @@ embed header {
|
|||||||
.button-container:focus,
|
.button-container:focus,
|
||||||
.button-container:hover {
|
.button-container:hover {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
|
mask-repeat: no-repeat !important;
|
||||||
|
mask-size: cover !important;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-color: var(--accent);
|
background-color: var(--accent);
|
||||||
}
|
}
|
||||||
|
@ -40,11 +40,13 @@ input[type=radio] {
|
|||||||
input[type=checkbox] {
|
input[type=checkbox] {
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
|
-webkit-mask-image: url("../../icons/check-off.svg") !important;
|
||||||
-o-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;
|
-moz-mask-image: url("../../icons/check-off.svg") !important;
|
||||||
mask-image: url("../../icons/check-off.svg") !important;
|
mask-image: url("../../icons/check-off.svg") !important;
|
||||||
}
|
}
|
||||||
input[type=checkbox]:checked {
|
input[type=checkbox]:checked {
|
||||||
|
-webkit-mask-image: url("../../icons/check-on.svg") !important;
|
||||||
-o-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;
|
-moz-mask-image: url("../../icons/check-on.svg") !important;
|
||||||
mask-image: url("../../icons/check-on.svg") !important;
|
mask-image: url("../../icons/check-on.svg") !important;
|
||||||
|
Loading…
Reference in New Issue
Block a user