University of Leeds Design System v1.0.15

Paragraph Small: Default

No notes defined.

<p class="uol-typography-paragraph-small{{ ' uol-typography-paragraph-small--' + variant if variant}}">{{ content }}</p>
 
<p class="uol-typography-paragraph-small">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--default
  • 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?"
}