support-foo/web

View on GitHub
app/assets/stylesheets/modules/screenshot.scss

Summary

Maintainability
Test Coverage
.demo-image {
  padding-top: 100px;

    .screenshot {
      // margin: 0 auto;
      background-image: url(image-path('screenshot.png'));
      // width: 1161px;
      // height: 660px;
    }
  }

.page-showcase {
    margin: 0 auto;
    width: 90%;
    max-width: 1400px;
}

.screenshot-list {
  @extend .row;
  margin-left: 0px;
  margin-right: 0px;
}

.screenshot {
  @extend .col-sm-12, .col-md-4;
  // display: inline-block;
  // margin-left: 20px;
  // margin-right: 20px;

  img {
    width: 100%;
    height: auto;
  }

  > p {
    width: 78%;
    height: 50px;
    margin: 20px auto;
    opacity: .3;
    color: white;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
  }

  &:nth-child(1) {
    // width: 465px;
  }

  &:nth-child(2) {
    // width: 555px;
  }

  &:nth-child(3) {
    // width: 465px;
  }
}

.screenshot-list {
  // -webkit-transform: scale(0.7, 0.7);
  // width: 1615px;
  // position: relative;
}