Slightly increase the position of the checkbox tick

joshdales · May 5, 2024 · 2823bed · 2823bed
1 parent f978905
commit 2823bed
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -1013,7 +1013,7 @@ input[type=checkbox].checkbox-1:checked::before {
 input[type=checkbox].checkbox-1:checked::after {
   transform: rotate(310deg);
   width: 80%;
-  margin-bottom: 42%;
+  margin-bottom: 45%;
   margin-left: 20%;
 }
 input[type=checkbox].checkbox-1:indeterminate::before {
@@ -1069,7 +1069,7 @@ input[type=checkbox].checkbox-2:checked::before {
 input[type=checkbox].checkbox-2:checked::after {
   transform: rotate(310deg);
   width: 80%;
-  margin-bottom: 42%;
+  margin-bottom: 45%;
   margin-left: 20%;
 }
 input[type=checkbox].checkbox-2:indeterminate::before {
@@ -1125,7 +1125,7 @@ input[type=checkbox].checkbox-3:checked::before {
 input[type=checkbox].checkbox-3:checked::after {
   transform: rotate(310deg);
   width: 80%;
-  margin-bottom: 42%;
+  margin-bottom: 45%;
   margin-left: 20%;
 }
 input[type=checkbox].checkbox-3:indeterminate::before {
@@ -1181,7 +1181,7 @@ input[type=checkbox].checkbox-4:checked::before {
 input[type=checkbox].checkbox-4:checked::after {
   transform: rotate(310deg);
   width: 80%;
-  margin-bottom: 42%;
+  margin-bottom: 45%;
   margin-left: 20%;
 }
 input[type=checkbox].checkbox-4:indeterminate::before {

diff --git a/styles/_checkboxes.scss b/styles/_checkboxes.scss
@@ -73,7 +73,7 @@
 		&::after {
 			transform: rotate(310deg);
 			width: 80%;
-			margin-bottom: 42%;
+			margin-bottom: 45%;
 			margin-left: 20%;
 		}
 	}