Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 125x 126x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x 125x | import { LitElement, css, html } from 'lit';
import { property } from 'lit/decorators.js';
export class Mask extends LitElement {
static styles = css`
.mask {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
display: none;
align-items: center;
justify-content: center;
}
.show {
display: flex;
}
`;
@property({ type: Boolean })
show = false;
render() {
return html` <div class="mask ${this.show ? 'show' : ''}">
<slot></slot>
</div>`;
}
}
|