Update CSS guidelines + Prefer rem

2022-06-07 14:00:53 -07:00
parent c9ec9f14de
commit eb171ecb21
52 changed files with 768 additions and 606 deletions
--- a/src/package/components/Checkbox.svelte
+++ b/src/package/components/Checkbox.svelte
@@ -25,16 +25,16 @@

 		display: inline-flex;
 		align-items: center;
-		grid-gap: 0.5rem;
+		gap: 0.5rem;

 		&__label {
 			display: flex;
 			align-items: center;
-			gap: 8px;
+			gap: 0.5rem;

 			> :global(.icon) {
-				width: 1.1rem;
-				margin-right: -0.1rem;
+				width: 1var (--unit-3);
+				margin-right: -0var (--unit-3);
 			}

 			&__box {