Off-Grid Row Background Examples

landing.scss

@include breakpoint(large) {
  .background {
    padding-top: 1rem;
    background: url('../images/centura/background.svg');
    background-size: 60%;
    background-repeat: no-repeat;
  }
  .o-icon-grid {
    border: 0;
    background-color: transparent;
    img {
      padding-top: .5rem;
      padding-bottom: .5rem;
    }
  }
  .double-background {
    background: linear-gradient(to right, #ffffff 50%, #028074 50%), linear-gradient(to right, rgba(60, 51, 102, 1), rgba(60, 51, 102, 1));
    background-size: 100% 45%, 100% 75%;
    background-repeat: no-repeat;
  }
}