UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

65 lines (59 loc) 1.52 kB
.spectrum-Toast { box-sizing: border-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: stretch; align-items: stretch; border-radius: 4px; padding: 10px 10px 10px 20px; font-size: 17px; font-weight: 700; -webkit-font-smoothing: antialiased; } .spectrum-Toast-typeIcon { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 9px 15px 9px 0; } .spectrum-Toast-content { -ms-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; box-sizing: border-box; padding: 6px 20px 6px 0; text-align: left; } .spectrum-Toast-buttons { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: start; align-items: flex-start; } .spectrum-Toast-buttons .spectrum-Button + .spectrum-Button, .spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton, .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button, .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton { margin-left: 10px; } .spectrum-Toast-body { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .spectrum-Toast-body .spectrum-Button { float: right; margin-right: 14px; } .spectrum-Toast-body + .spectrum-Toast-buttons { padding-left: 10px; border-left-width: 1px; border-left-style: solid; }