Contents

//
// overlay.scss
// Theme utility
//

.overlay {
  position: relative;

  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
  }
}

// Colors

@each $color, $value in $theme-colors {
  // Solid
  .overlay-#{$color} {
    @include overlay($value);
  }

  // Gradient
  .overlay-gradient-#{$color}-right {
    @include overlay-gradient($value, right);
  }
  .overlay-gradient-#{$color}-down {
    @include overlay-gradient($value, bottom);
  }
  .overlay-gradient-#{$color}-left {
    @include overlay-gradient($value, left);
  }
}

// Opacity

@for $i from 1 through 9 {
  .overlay-#{$i * 10} {
    &::before {
      opacity: #{$i / 10};
    }
    &.active {
      &::before {
        opacity: 0;
      }
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
viniBaxter-desk_front-16.0.0	lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_overlay.scss
viniBaxter-desk_front-15.0.0	lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_overlay.scss