No notes defined.

<hr class="uol-typography-hr">
<hr class="uol-typography-hr">
  • Content:
    .uol-typography-hr {
        border: none;
        margin: $spacing-5 auto;
        height: 4px;
        width: 4px;
        position: relative;
        overflow: visible;
        background: $color-brand--bright;
        border-radius: 50%;
    
        &::before,
        &::after {
          content: "";
          position: absolute;
          height: inherit;
          width: inherit;
          border-radius: 50%;
          background: $color-brand--pastel;
        }
    
        &::before {
          left: -$spacing-5;
        }
    
        &::after {
          right: -$spacing-5;
        }
    
        @include media(">=uol-media-l") {
          margin: $spacing-6 auto;
        }
    }
    
  • URL: /components/raw/uol-typography-hr/_hr.scss
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/06-hr/_hr.scss
  • Size: 577 Bytes
  • Handle: @uol-typography-hr
  • Preview:
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/06-hr/hr.njk
/* No context defined. */