UNPKG

@sandlada/vue-mdc

Version:

![Vue MDC Logo](https://raw.githubusercontent.com/sandlada/vue-mdc/refs/heads/main/docs/vue-mdc-cover.png)

2 lines (1 loc) 3.35 kB
@layer mdc-bottom-app-bar{._bottom-app-bar_uc49u_2{--_container-color: var(--md-bottom-app-bar-container-color, var(--md-sys-color-surface-container, #f3edf7));--_container-elevation: var(--md-bottom-app-bar-container-elevation, );--_container-height: var(--md-bottom-app-bar-container-height, 80px);--_container-shape: var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px));--_container-shape-start-start: var(--md-bottom-app-bar-container-shape-start-start, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-bottom-app-bar-container-shape-start-end, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-bottom-app-bar-container-shape-end-end, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-bottom-app-bar-container-shape-end-start, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)))}._bottom-app-bar_uc49u_2{all:unset;display:block;position:relative;border-start-start-radius:var(--md-bottom-app-bar-container-shape-start-start, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));border-start-end-radius:var(--md-bottom-app-bar-container-shape-start-end, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));border-end-start-radius:var(--md-bottom-app-bar-container-shape-end-start, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));border-end-end-radius:var(--md-bottom-app-bar-container-shape-end-end, var(--md-bottom-app-bar-container-shape, var(--md-sys-shape-corner-none, 0px)));height:var(--md-bottom-app-bar-container-height, 80px);width:100%;--md-fab-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-hover-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-focus-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-pressed-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-lowered-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-lowered-hover-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-lowered-focus-container-elevation: var(--md-bottom-app-bar-container-elevation, );--md-fab-lowered-pressed-container-elevation: var(--md-bottom-app-bar-container-elevation, )}._bottom-app-bar_uc49u_2>dialog._dialog_uc49u_31{all:unset;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inline-size:0;box-sizing:border-box;display:none;justify-content:center;background:transparent;border:none;border-radius:inherit;flex-direction:column;margin:inherit;outline:none;overflow:visible;padding:0;height:inherit;width:inherit}._bottom-app-bar_uc49u_2>dialog._dialog_uc49u_31[open]{display:flex}._bottom-app-bar_uc49u_2 ._content_uc49u_55{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 12px 4px;z-index:1}._bottom-app-bar_uc49u_2 ._background_uc49u_65{display:block;position:absolute;inset:0;border-radius:inherit;background-color:var(--_container-color)}._bottom-app-bar_uc49u_2 ._leading-icons_uc49u_72{display:inline-flex;align-items:center;justify-content:center;position:relative}}