University of Leeds Design System v1.0.13

highlight block

No notes defined.

<div class="uol-highlight-block">
  <div class="uol-rich-text">
    {{ content | safe }}
  </div>
</div>
 
<div class="uol-highlight-block">
    <div class="uol-rich-text">
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illo, corporis? Voluptatem voluptates velit, ipsum odit placeat eius quos temporibus doloremque alias recusandae facilis repudiandae totam. In id eligendi sapiente provident.
    </div>
</div>
  • Content: 
    .uol-highlight-block {
  border-radius: 6px;
  padding: $spacing-6 $spacing-4;
  margin-bottom: $spacing-6;
  background: $color-grey--light;

  @include media(">=uol-media-l") {
    border-radius: 12px;
    padding: $spacing-6 $spacing-5;
  }

  @include media(">=uol-media-xl") {
    padding: $spacing-6;
  }

  .uol-rich-text {
    :last-child {
      margin-bottom: 0;
    }
  }
}
  • URL: /components/raw/uol-highlight-block/_highlight-block.scss
  • Filesystem Path: src/library/02-components/highlight-block/_highlight-block.scss
  • Size: 385 Bytes 
{
  "content": "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illo, corporis? Voluptatem voluptates velit, ipsum odit placeat eius quos temporibus doloremque alias recusandae facilis repudiandae totam. In id eligendi sapiente provident."
}