@e-fellows/website-2022

Horizontale Linie 

<hr class="horizontal-rule">
 
<hr {{ html_attributes({
  class: 'horizontal-rule',
}, attrs ?? {}) }}>
 
/* No context defined. */
  • Content: 
    :root {
  --horizontal-rule-color: var(--color-cyan-light);
  --horizontal-rule-thickness: 2px;
  --horizontal-rule-width: 100%;
  --horizontal-rule-margin-inline: auto;
  --horizontal-rule-margin-block: 0;
}

.horizontal-rule {
  border-block-start: var(--horizontal-rule-thickness) solid var(--horizontal-rule-color);
  clear: both;
  inline-size: var(--horizontal-rule-width);
  margin-block: var(--horizontal-rule-margin-block);
  margin-inline: var(--horizontal-rule-margin-inline);
}
  • URL: /components/raw/horizontal-rule/horizontal-rule.scss
  • Filesystem Path: src/components/1-atoms/horizontal-rule/horizontal-rule.scss
  • Size: 490 Bytes
  • Handle: @horizontal-rule
  • Preview:
  • Filesystem Path: src/components/1-atoms/horizontal-rule/horizontal-rule.twig

No notes defined.