iportal
Version:
web-portal
30 lines (25 loc) • 491 B
HTML
<style>
:host {
width: 100%;
}
@media (prefers-color-scheme: dark) {
#wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
width: 100%;
background: rgba(0, 0, 0, .8);
z-index: 999999;
overflow: hidden;
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
}
:host([open]) #wrapper {
background: rgba(0, 0, 0, 1);
height: 100%;
}
</style>
<div id='wrapper'>
</div>