University of Leeds Design System v1.0.13

Paragraph Small: Serif

No notes defined.

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

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