src/lib/Layout/Spacer.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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>