f3b448106d
- Using react-notifications to manage redux state - Refactored Toast component to be stateless - Toasts can be stacked - Cleaned up CSS - Updated stories
42 lines
641 B
CSS
42 lines
641 B
CSS
@import '../theme.css';
|
|
|
|
:root {
|
|
--iconSize: 30px;
|
|
}
|
|
|
|
.root {
|
|
composes: base container rounded depth from '../theme.css';
|
|
overflow: hidden;
|
|
margin: 10px;
|
|
padding: 10px 10px 15px;
|
|
color: var(--defaultColorLight);
|
|
}
|
|
|
|
.icon {
|
|
position: relative;
|
|
top: .15em;
|
|
margin-right: .25em;
|
|
font-size: var(--iconSize);
|
|
line-height: var(--iconSize);
|
|
}
|
|
|
|
.info {
|
|
composes: root;
|
|
background-color: var(--infoColor);
|
|
}
|
|
|
|
.success {
|
|
composes: root;
|
|
background-color: var(--successColor);
|
|
}
|
|
|
|
.warning {
|
|
composes: root;
|
|
background-color: var(--warningColor);
|
|
}
|
|
|
|
.danger {
|
|
composes: root;
|
|
background-color: var(--errorColor);
|
|
}
|