UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

55 lines (49 loc) 1.03 kB
.spectrum-ActionBar { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; bottom: 0; z-index: 1; box-sizing: border-box; padding: 0 16px; height: 0; opacity: 0; overflow: hidden; pointer-events: none; transition: height 130ms ease-in-out, opacity 130ms ease-in-out; } .spectrum-ActionBar.is-open { height: 80px; opacity: 1; } .spectrum-ActionBar--sticky { left: 0; right: 0; position: -webkit-sticky; position: sticky; } .spectrum-ActionBar--flexible .spectrum-ActionBar-popover { width: auto; } .spectrum-ActionBar--fixed { position: fixed; } .spectrum-ActionBar-popover { position: relative; box-sizing: border-box; width: 100%; margin: auto; height: 48px; min-width: 280px; max-width: 960px; padding: 0 16px; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; pointer-events: auto; }