University of Leeds Design System v1.0.13

Paragraph: Serif

No notes defined.

<p class="uol-typography-paragraph{{ ' uol-typography-paragraph--' + variant if variant}}">{{ content }}</p>
 
<p class="uol-typography-paragraph uol-typography-paragraph--serif">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto voluptas, deserunt voluptate praesentium possimus eaque sint in pariatur aliquam saepe rem laboriosam eius commodi quasi cumque quibusdam corrupti provident tempore?</p>
  • Content: 
    .uol-typography-paragraph {
  @extend %text-size-paragraph;
  @extend %uol-font-sans-serif;

  &.uol-typography-paragraph--serif {
    @extend %uol-font-serif;
  }
}
  • URL: /components/raw/uol-typography-paragraph/_paragraph.scss
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/02-paragraphs/paragraph/_paragraph.scss
  • Size: 166 Bytes
  • Handle: @uol-typography-paragraph--serif
  • Variants (2): Default , Serif
  • Preview:
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/02-paragraphs/paragraph/paragraph.njk 
{
  "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto voluptas, deserunt voluptate praesentium possimus eaque sint in pariatur aliquam saepe rem laboriosam eius commodi quasi cumque quibusdam corrupti provident tempore?",
  "variant": "serif"
}