University of Leeds Design System v1.0.15

Paragraph Intro: Serif

No notes defined.

<p class="uol-typography-paragraph-intro{{ ' uol-typography-paragraph-intro--' + variant if variant}}">{{ content }}</p>
 
<p class="uol-typography-paragraph-intro uol-typography-paragraph-intro--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-intro {
  @extend %text-size-paragraph--intro;
  @extend %uol-font-sans-serif;

  &.uol-typography-paragraph-intro--serif {
    @extend %uol-font-serif;
  }
}
  • URL: /components/raw/uol-typography-paragraph-intro/_paragraph-intro.scss
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/02-paragraphs/paragraph-intro/_paragraph-intro.scss
  • Size: 185 Bytes
  • Handle: @uol-typography-paragraph-intro--serif
  • Variants (2): Default , Serif
  • Preview:
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/02-paragraphs/paragraph-intro/paragraph-intro.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"
}