27 lines
901 B
JavaScript
27 lines
901 B
JavaScript
css(`
|
|
nav-menu {
|
|
position: fixed;
|
|
bottom: 6vh;
|
|
right: 6vh;
|
|
width: 20vw;
|
|
height: 10vh;
|
|
background: var(--green);
|
|
color: var(--tan);
|
|
border: 20px solid var(--tan);
|
|
}
|
|
`)
|
|
|
|
export default class NavMenu extends HTMLElement {
|
|
connectedCallback() {
|
|
this.innerHTML += /* html */ `
|
|
<span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
|
|
<span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
|
|
<span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
|
|
<p style="font-size: 3vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)">Menu</p>
|
|
`
|
|
|
|
document.addEventListener("")
|
|
}
|
|
}
|
|
|
|
customElements.define("nav-menu", NavMenu) |