<section class="reference"><a href="#" class="reference__link"><img class="reference__image" src="../../assets/business_technology.svg" alt="Business technology"></a>
    <p class="reference__description">Spicy jalapeno bacon ipsum dolor amet t-bone sirloin culpa, tenderloin tempor ullamco flank rump. Biltong corned beef pork loin et. Labore dolore laborum pork laboris. Do alcatra ball tip consequat venison spare ribs pig. Bresaola boudin chuck, spare
        ribs officia mollit ut esse est jowl minim.
    </p>
</section>
<section class="reference">
    <a href="#" class="reference__link">
        <img class="reference__image" src={context.app.uri("assets/business_technology.svg")} alt="Business technology" />
    </a>
    <p class="reference__description">
        Spicy jalapeno bacon ipsum dolor amet t-bone sirloin culpa, tenderloin tempor ullamco flank rump. Biltong corned beef pork loin et. Labore dolore laborum pork laboris. Do alcatra ball tip consequat venison spare ribs pig. Bresaola boudin chuck, spare ribs officia mollit ut esse est jowl minim.
    </p>
</section>
/* No context defined for this component. */
  • Content:
    .reference {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 0;
    }
    
    .reference__image {
      margin: 0 auto $spacer-sm;
      max-width: 50%;
    }
    
    .reference__link {
      @extend %block-link;
      text-align: center;
    }
    
    .reference__description {
      @extend %heading-font-regular;
    
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      line-height: $reference-line-height-small;
      font-size: $reference-font-size-small;
    }
    
    @media screen and (min-width: $grid-breakpoint-md) {
    
      .reference {
        margin-bottom: $spacer-lg;
      }
    
      .reference__image {
        margin: 0 auto $spacer-base;
        max-width: 40%;
      }
    
      .reference__description {
        max-width: 90%;
        line-height: $reference-line-height;
        font-size: $reference-font-size;
      }
    }
    
  • URL: /components/raw/reference/_reference.scss
  • Filesystem Path: components/02-molecules/reference/_reference.scss
  • Size: 774 Bytes

There are no notes for this item.