1 files changed, 23 insertions, 0 deletions
diff --git a/src/lib/Layout/Spacer.svelte b/src/lib/Layout/Spacer.svelte
new file mode 100644
index 00000000..a26796df
--- /dev/null
+++ b/src/lib/Layout/Spacer.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  export let size: 'sm' | 'md' | 'lg' = 'md';
+</script>
+
+<div class="spacer {size}"></div>
+
+<style>
+  .spacer {
+    width: 100%;
+  }
+
+  .spacer.sm {
+    height: 0.75em;
+  }
+
+  .spacer.md {
+    height: 1.5em;
+  }
+
+  .spacer.lg {
+    height: 2.25em;
+  }
+</style>