University of Staffordshire Pattern Library

Horizontal Rule: Default

No notes defined.

<hr />
 
{% set classString = '' %}
{% for modifier in modifiers %}
  {% set classString = classString ~ '  title--' ~ modifier %}
{% endfor %}

<hr{{ classString ? ' class="' ~ classString ~ '"' }}/>
  • Content: 
    hr {
  position: relative;
  // see base-elements in vars/_typography
}

.hr--primary {
  border-top-width: 2px;
  border-color: $grey-50-pc;
}

.hr--burgundy {
  border-top-width: 2px;
  border-color: $burgundy;
}

.hr--teal {
  border-top-width: 2px;
  border-color: $teal;
}

// Spacing

.hr--compact {
  margin: $spacing-xl auto;
}

.hr--spaced {
  margin: $spacing-5xl auto;
}

.hr--invisible {
  border-color: transparent;
}
  • URL: /components/raw/hr/_hr.scss
  • Filesystem Path: src\components\hr\_hr.scss
  • Size: 462 Bytes