2018-12-28 15:26:32 +01:00
|
|
|
.shade {
|
2019-02-03 14:51:54 +01:00
|
|
|
background-color: rgba(var(--accent), 0.4);
|
2018-12-26 08:45:53 +01:00
|
|
|
position: fixed;
|
|
|
|
top: -1em;
|
|
|
|
left: -1em;
|
|
|
|
width: calc(100% + 2em);
|
|
|
|
height: calc(100% + 2em);
|
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);
|
|
|
|
}
|
2019-05-23 20:15:14 +02:00
|
|
|
|
|
|
|
.is-edge:not(.is-background-image-show) .shade {
|
|
|
|
background-color: rgba(var(--accent), 0.05);
|
|
|
|
}
|