Maybe a gutter?

smolblog · Feb 8, 2024 · cd532d8 · cd532d8
1 parent 15be2fa
commit cd532d8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/atoms/Card.svelte b/src/lib/atoms/Card.svelte
@@ -12,7 +12,8 @@
 		border-radius: var(--border-radius);
 		box-shadow: var(--shadow-base);
 		background: var(--body-shading);
-		padding: 1em;
+		padding: var(--gutter);
+		margin: var(--gutter);
 
 		&.primary { background: var(--primary-shading); }
 		&.secondary { background: var(--secondary-shading); }

diff --git a/src/lib/styles/vars.css b/src/lib/styles/vars.css
@@ -45,6 +45,7 @@
 	--border-radius: 0.5em;
 	--shadow-half: 0 .125rem .125rem .0625rem rgba(0, 0, 0, 0.2);
 	--shadow-base: 0 .25rem .25rem .125rem rgba(0, 0, 0, 0.2);
+	--gutter: 0.625rem;
 
 	/* Generated gradients */