Ümit Tunç
26 lines
469 B
SCSS
26 lines
469 B
SCSS
//
|
|
// overlay.scss
|
|
// Theme Component
|
|
|
|
// Bg Dark overlay
|
|
// Creates the "bg-dark-overlay-#" variant
|
|
@for $i from 2 through 9 {
|
|
$bg-dark-overlay: ($i);
|
|
.bg-dark-overlay-#{($i)} {
|
|
position: relative;
|
|
z-index: 99;
|
|
&:before {
|
|
content: " ";
|
|
background: $black;
|
|
opacity: ($i * .1);
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
}
|
|
} |