@bokeh/bokehjs/build/js/lib/styles/tabs.css.js

Interactive, novel data visualization

export const above = "bk-above"
export const below = "bk-below"
export const left = "bk-left"
export const right = "bk-right"
export const header = "bk-header"
export const headers_wrapper = "bk-headers-wrapper"
export const tab = "bk-tab"
export const active = "bk-active"
export const close = "bk-close"
export const disabled = "bk-disabled"
export const icon = "bk-icon"
export default `:host{--block-start-border-width:3px;--close-icon-hover-background-color:var(--error);--close-icon-width:14px;--close-icon-height:14px;--close-icon-color:var(--icon-color);--close-icon-space-away-from-tab-text:10px;--padding-vertical:4px;--padding-horizontal:8px;--outline-offset:-5px;--disabled-opacity:0.65;}:host{display:grid;}:host(.bk-above){grid-template:"header" max-content "stack" 1fr / 1fr;}:host(.bk-below){grid-template:"stack" 1fr "header" max-content / 1fr;}:host(.bk-left){grid-template:"header stack" 1fr / max-content 1fr;}:host(.bk-right){grid-template:"stack header" 1fr / 1fr max-content;}.bk-header{grid-area:header;display:flex;overflow:hidden;user-select:none;-webkit-user-select:none;}.bk-headers-wrapper{display:flex;flex-wrap:nowrap;align-items:stretch;}:host(.bk-above) .bk-header,:host(.bk-below) .bk-header{flex-direction:row;}:host(.bk-above) .bk-headers-wrapper,:host(.bk-below) .bk-headers-wrapper{flex-direction:row;overflow-x:auto;overflow-y:hidden;}:host(.bk-left) .bk-header,:host(.bk-right) .bk-header{flex-direction:column;}:host(.bk-left) .bk-headers-wrapper,:host(.bk-right) .bk-headers-wrapper{flex-direction:column;overflow-x:hidden;overflow-y:auto;}:host(.bk-above) .bk-header{border-bottom:var(--divider);}:host(.bk-right) .bk-header{border-left:var(--divider);}:host(.bk-below) .bk-header{border-top:var(--divider);}:host(.bk-left) .bk-header{border-right:var(--divider);}.bk-tab{padding:var(--padding-vertical) var(--padding-horizontal);border:var(--border-style) transparent;outline:0;outline-offset:var(--outline-offset);white-space:nowrap;cursor:pointer;text-align:center;}.bk-tab:hover{background-color:var(--hover-color);}.bk-tab:focus,.bk-tab:active{outline:var(--outline);}.bk-tab.bk-active{color:var(--color);background-color:var(--background-color);border-color:var(--border-color);}.bk-tab .bk-close{margin-left:var(--close-icon-space-away-from-tab-text);}.bk-tab[disabled],.bk-tab.bk-disabled{background-color:inherit;color:inherit;cursor:not-allowed;pointer-events:none;opacity:var(--disabled-opacity);}.bk-tab[disabled] .bk-icon,.bk-tab.bk-disabled .bk-icon{color:inherit;}:host(.bk-above) .bk-tab{border-width:var(--block-start-border-width) var(--divider-width) 0 var(--divider-width);border-radius:var(--border-radius) var(--border-radius) 0 0;}:host(.bk-right) .bk-tab{border-width:var(--divider-width) var(--block-start-border-width) var(--divider-width) 0;border-radius:0 var(--border-radius) var(--border-radius) 0;}:host(.bk-below) .bk-tab{border-width:0 var(--divider-width) var(--block-start-border-width) var(--divider-width);border-radius:0 0 var(--border-radius) var(--border-radius);}:host(.bk-left) .bk-tab{border-width:var(--divider-width) 0 var(--divider-width) var(--block-start-border-width);border-radius:var(--border-radius) 0 0 var(--border-radius);}.bk-close{display:inline-block;vertical-align:middle;width:var(--close-icon-width);height:var(--close-icon-height);cursor:pointer;background-color:var(--close-icon-color);mask-image:var(--bokeh-icon-x);mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--bokeh-icon-x);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;}.bk-close:hover{background-color:var(--close-icon-hover-background-color);}`