-
-
Notifications
You must be signed in to change notification settings - Fork 299
/
SnackbarItem.styles.js
56 lines (54 loc) · 1.59 KB
/
SnackbarItem.styles.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import { SNACKBAR_INDENTS, allClasses } from '../utils/constants';
const styles = theme => ({
...allClasses.mui,
base: {
fontSize: '0.875rem',
lineHeight: '1.46429em',
fontWeight: theme.typography.fontWeightRegular,
fontFamily: theme.typography.fontFamily,
borderRadius: theme.shape.borderRadius,
},
lessPadding: {
paddingLeft: 8 * 2.5,
},
variantSuccess: {
backgroundColor: '#43a047', // green
},
variantError: {
backgroundColor: '#d32f2f', // dark red
},
variantInfo: {
backgroundColor: '#2979ff', // nice blue
},
variantWarning: {
backgroundColor: '#ffa000', // amber
},
message: {
display: 'flex',
alignItems: 'center',
},
wrappedRoot: {
position: 'relative',
transform: 'translateX(0)',
top: 0,
right: 0,
bottom: 0,
left: 0,
},
collapseContainer: {
[theme.breakpoints.down('xs')]: {
paddingLeft: typeof theme.spacing === 'function' ? theme.spacing(1) : theme.spacing.unit,
paddingRight: typeof theme.spacing === 'function' ? theme.spacing(1) : theme.spacing.unit,
},
},
collapseWrapper: {
transition: theme.transitions.create(['margin-bottom'], { easing: 'ease' }),
marginTop: SNACKBAR_INDENTS.snackbar.default,
marginBottom: SNACKBAR_INDENTS.snackbar.default,
},
collapseWrapperDense: {
marginTop: SNACKBAR_INDENTS.snackbar.dense,
marginBottom: SNACKBAR_INDENTS.snackbar.dense,
},
});
export default styles;