overlay.scss

@mixin overlay($color, $alpha) {
    box-shadow: inset 0 0 0 1000px rgba($color, $alpha);
}

.overlay-black-90 {
    @include overlay(black, 0.9);
}

.overlay-black-80 {
    @include overlay(black, 0.8);
}

.overlay-black-70 {
    @include overlay(black, 0.7);
}

.overlay-black-60 {
    @include overlay(black, 0.6);
}

.overlay-black-50 {
    @include overlay(black, 0.5);
}

.overlay-black-40 {
    @include overlay(black, 0.4);
}

.overlay-black-30 {
    @include overlay(black, 0.3);
}

.overlay-black-20 {
    @include overlay(black, 0.2);
}

.overlay-black-10 {
    @include overlay(black, 0.1);
}

.overlay-white-90 {
    @include overlay(white, 0.9);
}

.overlay-white-80 {
    @include overlay(white, 0.8);
}

.overlay-white-70 {
    @include overlay(white, 0.7);
}

.overlay-white-60 {
    @include overlay(white, 0.6);
}

.overlay-white-50 {
    @include overlay(white, 0.5);
}

.overlay-white-40 {
    @include overlay(white, 0.4);
}

.overlay-white-30 {
    @include overlay(white, 0.3);
}

.overlay-white-20 {
    @include overlay(white, 0.2);
}

.overlay-white-10 {
    @include overlay(white, 0.1);
}

.overlay-blue-90 {
    @include overlay(blue, 0.9);
}

.overlay-blue-80 {
    @include overlay(blue, 0.8);
}

.overlay-blue-70 {
    @include overlay(blue, 0.7);
}

.overlay-blue-60 {
    @include overlay(blue, 0.6);
}

.overlay-blue-50 {
    @include overlay(blue, 0.5);
}

.overlay-blue-40 {
    @include overlay(blue, 0.4);
}

.overlay-blue-30 {
    @include overlay(blue, 0.3);
}

.overlay-blue-20 {
    @include overlay(blue, 0.2);
}

.overlay-blue-10 {
    @include overlay(blue, 0.1);
}

.overlay-pink-90 {
    @include overlay(hotpink, 0.9);
}

.overlay-pink-80 {
    @include overlay(hotpink, 0.8);
}

.overlay-pink-70 {
    @include overlay(hotpink, 0.7);
}

.overlay-pink-60 {
    @include overlay(hotpink, 0.6);
}

.overlay-pink-50 {
    @include overlay(hotpink, 0.5);
}

.overlay-pink-40 {
    @include overlay(hotpink, 0.4);
}

.overlay-pink-30 {
    @include overlay(hotpink, 0.3);
}

.overlay-pink-20 {
    @include overlay(hotpink, 0.2);
}

.overlay-pink-10 {
    @include overlay(hotpink, 0.1);
}