Sha256: 0ef48263719ba28c0daa20fa319c39ab3bb70009991b31ecf5b43b92f2b9a874

Contents?: true

Size: 1.43 KB

Versions: 5

Compression:

Stored size: 1.43 KB

Contents

.c-ap {
}

.c-ap-hero {
  background: image-url('lcms/engine/about_hero_bg.jpg'), no-repeat;
  background-size: cover;
  height: 300px;

  @include e(body) {
    @include grid-column-offset(4);
    @include flex-grid-column(8);
    background-color: rgba($ub-white, .45);
    color: $ub-primary;

    @include breakpoint(medium) {
      @include grid-column-offset(6);
      @include flex-grid-column(6);
    }
  }
}

.c-ap-cta {
  @include add-gutter($type: margin, $subtype: bottom);
  @include add-gutter($type: margin, $subtype: top);

  h2 {
    @include txt-element(media-header);
    margin-bottom: 1rem;
  }
  p { @include txt-element(media-text); }
}

.c-ap-img--si {
  background-image: image-url('lcms/engine/about_standards_institute.jpg');
  background-repeat: no-repeat, no-repeat;
  background-size: cover;

  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
    background-position: 40% 0;
  }
}

.c-ap-img--hwa {
  background-image: image-url('lcms/engine/about_who_we_are.jpg');
  background-repeat: no-repeat, no-repeat;
  background-size: cover;

  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
    background-position: 100% 0;
  }
}

.c-ap-img--op {
  background-image: image-url('lcms/engine/about_partners.jpg');
  background-repeat: no-repeat, no-repeat;
  background-size: cover;

  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
    background-position: 70% 0;
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
lcms-engine-0.1.4 app/assets/stylesheets/lcms/engine/pages/_about.scss
lcms-engine-0.1.3 app/assets/stylesheets/lcms/engine/pages/_about.scss
lcms-engine-0.2.0 app/assets/stylesheets/lcms/engine/pages/_about.scss
lcms-engine-0.1.2 app/assets/stylesheets/lcms/engine/pages/_about.scss
lcms-engine-0.1.0 app/assets/stylesheets/lcms/engine/pages/_about.scss