UNPKG

1.21 kBJavaScriptView Raw
1import { r as registerInstance, h } from './index-c5baf484.js';
2var 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:#3273dc;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}";
3var Menu = /** @class */ (function () {
4 function Menu(hostRef) {
5 registerInstance(this, hostRef);
6 /**
7 * CSS Classes
8 */
9 this.class = '';
10 }
11 Menu.prototype.render = function () {
12 var _a;
13 return (h("aside", { class: (_a = {
14 menu: true
15 },
16 _a[this.class] = Boolean(this.class),
17 _a) }, h("slot", null)));
18 };
19 return Menu;
20}());
21Menu.style = menuCss;
22export { Menu as bm_menu };