@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
65 lines (59 loc) • 1.52 kB
CSS
.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;
}