WIP: Fix form checkboxes
@@ -126,14 +126,17 @@ textarea {
.FormField input[type="checkbox"]:checked + .FormCheckbox:after {
content: "";
- mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="#808080"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>')
- no-repeat 50% 50%;
- -webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="#808080"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>')
- no-repeat 50% 50%;
+ clip-path: polygon(
+ 0% 51.2%,
+ 37.5% 87.5%,
+ 100% 23.7%,
+ 84.6% 8.3%,
+ 37.5% 56.2%,
+ 15.4% 35.4%
+ );
background: #fff;
- display: block;
width: 10px;
- height: 14px;
+ height: 10px;
display: flex;
align-items: center;
}
