68 lines
983 B
SCSS
Executable File
68 lines
983 B
SCSS
Executable File
/*--
|
|
- Overlay
|
|
------------------------------------------*/
|
|
[data-overlay] {
|
|
position: relative;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
&::before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
content: "";
|
|
}
|
|
}
|
|
|
|
|
|
/*-- Overlay Opacity --*/
|
|
[data-opacity="1"] {
|
|
&::before {
|
|
opacity: 0.1;
|
|
}
|
|
}
|
|
[data-opacity="2"] {
|
|
&::before {
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
[data-opacity="3"] {
|
|
&::before {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
[data-opacity="4"] {
|
|
&::before {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
[data-opacity="5"] {
|
|
&::before {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
[data-opacity="6"] {
|
|
&::before {
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
[data-opacity="7"] {
|
|
&::before {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
[data-opacity="8"] {
|
|
&::before {
|
|
opacity: 0.8;
|
|
}
|
|
}
|
|
[data-opacity="9"] {
|
|
&::before {
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
|
|
|