Airport troup

<div class="c-airport-troup">

</div>
<div class="c-airport-troup">
  
</div>
/* No context defined. */
  • Content:
    .c-airport-troup {
      width: 100%;
      height: remify(300px);
      background-image: url('/images/svgs/airport-troup.svg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      grid-column: full;
      margin-bottom: remify(-16px); // Removes grid-gap inherited from main grid
      position: relative;
    
      &::before {
        content: '';
        display: block;
        @include bg-gradient-t2b( secondary(page,100), rgba(255,255,255,0) );
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: remify(60px);
      }
    
      @include min-screen(bp(tablet)) {
        height: remify(460px);
      }
    
      .c-main--landing-golive & {
        margin-top: remify(80px);
    
        @include min-screen(bp(tablet)) {
          margin-top: remify(160px);
        }
      }
    
    }
  • URL: /components/raw/airport-troup/_airport-troup.scss
  • Filesystem Path: src/views/03-organisms/airport-troup/_airport-troup.scss
  • Size: 769 Bytes

No notes defined.