Sha256: fd524f7b2b305038beb0ee72ff2f39dd1b2219cffcab696f9c363b5ffdccd0bb

Contents?: true

Size: 1.74 KB

Versions: 18

Compression:

Stored size: 1.74 KB

Contents

.feature{
  &__container{
    background: $white;
  }

  &__section-title{
    @extend .wisdom-script;
    text-align: center;
    font-size: $base-font-size*2.857;

    @include breakpoint(medium down){
      margin-top: $base-margin*2;
    }
  }

  &__item{
    padding: $base-padding*2 0;
    text-align: center;
  }

  &__image{
    margin: 0 auto $base-margin auto;
    width: 415px;
    height: 219px;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    background-position: center;
    
    @include breakpoint(small only){
      max-width: 90%;
    }
  }

  &__content{
    @include breakpoint(large){
      width: 80%;
      margin: 0 auto;
    }
  }
}

#feature__image{
  &--devices{
    background-image: asset-url(devices);
  }

  &--membership{
    background-image: asset-url(membership);
  }

  &--vrar{
    background-image: asset-url(vrar);
  }

  &--automotive{
    background-image: asset-url(automotive);
  }

  &--rewards{
    background-image: asset-url(rewards);
  }

  &--subscriptions{
    background-image: asset-url(subscriptions);
  }

  &--gift-cards{
    background-image: asset-url(gift-card);
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi){
  #feature__image{
    &--devices{
      background-image: asset-url(devices2x);
    }

    &--feature--membership{
      background-image: asset-url(membership2x);
    }

    &--vrar{
      background-image: asset-url(vrar2x);
    }

    &--automotive{
      background-image: asset-url(automotive2x);
    }

    &--rewards{
      background-image: asset-url(rewards2x);
    }

    &--subscriptions{
      background-image: asset-url(subscriptions2x);
    }

    &--gift-cards{
      background-image: asset-url(gift-card2x);
    }
  }
}

Version data entries

18 entries across 18 versions & 1 rubygems

Version Path
ama_layout-4.10.1 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.10.0 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.9.0 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.7 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.6 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.5 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.4 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.3 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.2 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.1 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.8.0 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.7.1 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.7.0 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.6.5 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.6.4 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.6.3 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.6.2 app/assets/stylesheets/ama_layout/layout_components/features.scss
ama_layout-4.6.1 app/assets/stylesheets/ama_layout/layout_components/features.scss