Sha256: 006fe16fa30e00eec702a8256a892678fcddea9dce34ea3fba559a2defe23fe2

Contents?: true

Size: 821 Bytes

Versions: 5

Compression:

Stored size: 821 Bytes

Contents

.hero-blur {
  height: 100%;
  opacity: 0;
  background-position: top center;
  background-repeat: no-repeat;
  @include clearfix;
  @include transition-property(opacity);
  @include transition-duration(1s);
  @include transition-timing-function(ease-in);
}

.hero-block-blur {
  position: relative;
  margin-top: 150px;
  opacity: 0;
  @include box-shadow(0 0 4px 2px rgba(color('gray'), 0.25));
  @include transition-property(opacity);
  @include transition-duration(1s);
  @include transition-timing-function(ease-in);

  @media (min-width: $screen-lg) {
    margin-top: 250px;
    margin-bottom: 50px;
  }
  @media (min-width: $screen-xl) {
    margin-top: 300px;
    margin-bottom: 100px;
  }
  &.hero-block-side {
    @extend .hero-block-side;
  }
}
.hero-block-blur-visible,
.hero-blur-visible {
  opacity: 1.0;
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
forever_style_guide-1.2.11 app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss
forever_style_guide-1.2.10 app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss
forever_style_guide-1.2.9 app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss
forever_style_guide-1.2.8 app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss
forever_style_guide-1.2.7 app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss