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
|
// ========== Desktop ==========
const desktopCard = {
width: '100%',
padding: '20px',
};
const desktopPublishAnnouncement = {
cursor: 'pointer',
':hover': {
color: '#32A041',
},
};
const desktop = {
publishAnnouncement: desktopPublishAnnouncement,
card: desktopCard,
};
// ========== Mobile ==========
const mobilePublishAnnouncement = {
cursor: 'pointer',
padding: '10px',
width: '100%',
':hover': {
color: '#32A041',
},
};
const mobileCard = {
width: '100%',
padding: '10px ',
};
const mobile = {
publishAnnouncement: mobilePublishAnnouncement,
card: mobileCard,
};
// ========== Unset ==========
const unset = {
publishAnnouncement: null,
card: null,
};
const styles = { desktop, mobile, unset };
export default styles;
|