No notes defined.

<div aria-hidden="true" class="uol-typography-pull-quote{{ ' uol-typography-pull-quote--' + variant if variant}}">
    {{ content | safe }}
</div>
<div aria-hidden="true" class="uol-typography-pull-quote uol-typography-pull-quote--right">
    <p>A successful design system liberates the team from reinventing the wheel. It allows you to focus on what really matters</p>
</div>
  • Content:
    .uol-typography-pull-quote {
      @extend %text-size-pullquote;
      @extend %uol-font-serif;
    
      display: inline-block;
      font-weight: $font-weight-bold--serif;
      padding: $spacing-4 $spacing-5;
      margin-bottom: $spacing-6;
    
      &:last-child {
        margin-bottom: 0;
      }
    
      @include media ("<uol-media-m") {
        border-left: $border-width-3 solid $color-brand;
      }
    
      p:last-child {
        margin-bottom: 0;
      }
    }
    
      .uol-typography-pull-quote--left {
    
        @include media(">=uol-media-m") {
          text-align: left;
          border-left: $border-width-3 solid $color-brand;
        }
      }
    
      .uol-typography-pull-quote--right {
    
        @include media(">=uol-media-m") {
          text-align: right;
          border-right: $border-width-3 solid $color-brand;
        }
      }
    
  • URL: /components/raw/uol-typography-pull-quote/_pull-quote.scss
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/05-pull-quote/_pull-quote.scss
  • Size: 737 Bytes
  • Handle: @uol-typography-pull-quote--right
  • Variants (2): Left , Right
  • Preview:
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/05-pull-quote/pull-quote.njk
{
  "content": "<p>A successful design system liberates the team from reinventing the wheel. It allows you to focus on what really matters</p>",
  "variant": "right"
}