2018-12-28 15:26:32 +01:00
|
|
|
.shade {
|
2019-01-24 21:28:11 +01:00
|
|
|
/* background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(var(--accent), 0.6) 100%); */
|
2019-02-03 14:51:54 +01:00
|
|
|
background-color: rgba(var(--accent), 0.4);
|
|
|
|
|
/* background-color: rgba(var(--black), 0.5); */
|
|
|
|
|
/* box-shadow: 0 0 5em 0 rgba(var(--accent), 1) inset; */
|
2018-12-26 08:45:53 +01:00
|
|
|
position: fixed;
|
|
|
|
|
top: -1em;
|
|
|
|
|
left: -1em;
|
|
|
|
|
width: calc(100% + 2em);
|
|
|
|
|
height: calc(100% + 2em);
|
2019-01-03 23:30:27 +01:00
|
|
|
opacity: 0;
|
2019-02-03 14:51:54 +01:00
|
|
|
transition: opacity var(--animation-speed-fast) ease-in-out, background-color var(--animation-speed-fast) ease-in-out;
|
2019-01-05 21:57:21 +01:00
|
|
|
z-index: var(--z-index-shade);
|
2018-12-26 08:45:53 +01:00
|
|
|
}
|
2019-02-03 14:51:54 +01:00
|
|
|
|
|
|
|
|
.is-background-image-show .shade {
|
|
|
|
|
background-color: rgba(var(--black), 0.5);
|
|
|
|
|
}
|
