Spacer

Spacer controls the block spacing between components.

preview

code

<div class="gh-spacer" data-size="xsmall"></div>
<div class="gh-spacer" data-size="small" style="--gh-background: var(--gh-color-tertiary);"></div>
<div class="gh-spacer" style="--gh-background: var(--gh-color-tertiary);"></div>
<div class="gh-spacer" data-size="large" style="--gh-background: var(--gh-color-tertiary);"></div>
<div class="gh-spacer" data-size="xlarge" style="--gh-background: var(--gh-color-tertiary);"></div>
<div class="gh-spacer" data-size="xxlarge" style="--gh-background: var(--gh-color-tertiary);"></div>

data

[
  {
    "size": "xsmall",
    "background": ""
  },
  {
    "size": "small",
    "background": "tertiary"
  },
  {
    "size": "",
    "background": "tertiary"
  },
  {
    "size": "large",
    "background": "tertiary"
  },
  {
    "size": "xlarge",
    "background": "tertiary"
  },
  {
    "size": "xxlarge",
    "background": "tertiary"
  }
]