site/_src/_assets/styles/bigchain/_mixins/_color-overlay.scss

26 lines
536 B
SCSS

@mixin color-overlay($color-from: $brand-main-violet, $color-to: $brand-main-green) {
position: relative;
// color overlay
&:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(to bottom right, $color-from 0%, $color-from 10%, $color-to 70%);
opacity: .7;
z-index: 0;
}
.row { z-index: 1 }
}
.color-overlay {
@include color-overlay();
}