1 | import { r as registerInstance, h } from './index-d9cbe763.js';
|
2 |
|
3 | const menuCss = ".menu{font-size:1rem}.menu.is-small{font-size:0.75rem}.menu.is-medium{font-size:1.25rem}.menu.is-large{font-size:1.5rem}.menu-list{line-height:1.25}.menu-list a{border-radius:2px;color:#4a4a4a;display:block;padding:0.5em 0.75em}.menu-list a:hover{background-color:whitesmoke;color:#363636}.menu-list a.is-active{background-color:#5851ff;color:#fff}.menu-list li ul{border-left:1px solid #dbdbdb;margin:0.75em;padding-left:0.75em}.menu-label{color:#7a7a7a;font-size:0.75em;letter-spacing:0.1em;text-transform:uppercase}.menu-label:not(:first-child){margin-top:1em}.menu-label:not(:last-child){margin-bottom:1em}";
|
4 |
|
5 | const Menu = class {
|
6 | constructor(hostRef) {
|
7 | registerInstance(this, hostRef);
|
8 | |
9 |
|
10 |
|
11 | this.class = '';
|
12 | }
|
13 | render() {
|
14 | return (h("aside", { class: {
|
15 | menu: true,
|
16 | [this.class]: Boolean(this.class),
|
17 | } }, h("slot", null)));
|
18 | }
|
19 | };
|
20 | Menu.style = menuCss;
|
21 |
|
22 | export { Menu as bm_menu };
|