<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/article&blog-post-elements/reference/_reference.scss
  • Size: 774 Bytes
  • Handle: @reference
  • Preview:
  • Filesystem Path: components/02-molecules/article&blog-post-elements/reference/reference.html

There are no notes for this item.