@bokeh/bokehjs
Version:
Interactive, novel data visualization
7 lines (6 loc) • 969 B
JavaScript
export const menu = "bk-menu"
export const above = "bk-above"
export const below = "bk-below"
export const divider = "bk-divider"
export const active = "bk-active"
export default `:host{position:relative;--menu-width:100%;--menu-template-columns:max-content max-content 1fr max-content max-content;}.bk-menu{position:absolute;left:0;width:100%;z-index:var(--bokeh-top-level);cursor:pointer;font-size:var(--font-size);background-color:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-x-symmetric);}.bk-menu.bk-above{bottom:100%;}.bk-menu.bk-below{top:100%;}.bk-menu > .bk-divider{height:1px;margin:calc(var(--line-height-computed)/2 - 1px) 0;overflow:hidden;background-color:var(--divider-color);}.bk-menu > :not(.bk-divider){padding:var(--padding-vertical) var(--padding-horizontal);}.bk-menu > :not(.bk-divider):hover,.bk-menu > :not(.bk-divider).bk-active{background-color:var(--surface-background-color);}`