agnostic-react
Version:
AgnosticUI (react)
17 lines (14 loc) • 418 B
CSS
.alert-toast {
min-width: 19rem;
max-width: 100%;
position: fixed;
z-index: 1100;
font-size: var(--agnostic-small);
/* Optimized to match with the height created when we have a
24px icon. If no icon, this preserves the toast height. */
line-height: var(--fluid-24);
padding: 0;
/* We use bottom: 0, left: 0 etc., so this
actually pushes the toast away from edge */
margin: var(--fluid-16);
}