Pleasance Styleguide

Sponsor List 

<div class="show--sponsor-list d-flex border-bottom border-primary border-2 justify-content-center gap-4 py-5 flex-wrap">
    <img class="show--sponsor" src="/images/samples/sponsor-1.png" alt="Sponsor #1">
    <img class="show--sponsor" src="/images/samples/sponsor-2.png" alt="Sponsor #2">
    <img class="show--sponsor" src="/images/samples/sponsor-3.png" alt="Sponsor #3">
</div>
 
<div class="show--sponsor-list d-flex border-bottom border-primary border-2 justify-content-center gap-4 py-5 flex-wrap">
  <img class="show--sponsor" src="/images/samples/sponsor-1.png" alt="Sponsor #1">
  <img class="show--sponsor" src="/images/samples/sponsor-2.png" alt="Sponsor #2">
  <img class="show--sponsor" src="/images/samples/sponsor-3.png" alt="Sponsor #3">
</div>
 
/* No context defined. */
  • Content: 
    .show--sponsor-list {
  .show--sponsor {
    display: block;
    width: auto;
    height: 40px;

    @include media-breakpoint-up(md) {
      height: 64px;
    }
  }
}
  • URL: /components/raw/sponsor-list/sponsor-list.scss
  • Filesystem Path: src/components/02-structures/show-page/sponsor-list/sponsor-list.scss
  • Size: 167 Bytes

No notes defined.