ReactJS

1
.s4 {
2
    padding: 0 4px 0 0;
3
}
4
.s8 {
5
    padding: 0 8px 0 0;
6
}
7
.s12 {
8
    padding: 0 12px 0 0;
9
}
10
.s16 {
11
    padding: 0 16px 0 0;
12
}
13
.s20 {
14
    padding: 0 20px 0 0;
15
}
16

17
.inline {
18
    display: inline;
19
}
20

21
.top.s4 {
22
    padding: 4px 0 0;
23
}
24
.top.s8 {
25
    padding: 8px 0 0;
26
}
27
.top.s12 {
28
    padding: 12px 0 0;
29
}
30
.top.s16 {
31
    padding: 16px 0 0;
32
}
33
.top.s20 {
34
    padding: 20px 0 0;
35
}
36

37
@media all and (max-width: 1023px) {
38
    .mobile_s4 {
39
        padding: 0 4px 0 0;
40
    }
41
    .mobile_s8 {
42
        padding: 0 8px 0 0;
43
    }
44
    .mobile_s12 {
45
        padding: 0 12px 0 0;
46
    }
47
    .mobile_s16 {
48
        padding: 0 16px 0 0;
49
    }
50
    .mobile_s20 {
51
        padding: 0 20px 0 0;
52
    }
53

54
    .top.mobile_s4 {
55
        padding: 4px 0 0;
56
    }
57
    .top.mobile_s8 {
58
        padding: 8px 0 0;
59
    }
60
    .top.mobile_s12 {
61
        padding: 12px 0 0;
62
    }
63
    .top.mobile_s16 {
64
        padding: 16px 0 0;
65
    }
66
    .top.mobile_s20 {
67
        padding: 20px 0 0;
68
    }
69
}
70

71
@media all and (min-width: 1024px) and (max-width: 1539px) {
72
    .tablet_s4 {
73
        padding: 0 4px 0 0;
74
    }
75
    .tablet_s8 {
76
        padding: 0 8px 0 0;
77
    }
78
    .tablet_s12 {
79
        padding: 0 12px 0 0;
80
    }
81
    .tablet_s16 {
82
        padding: 0 16px 0 0;
83
    }
84
    .tablet_s20 {
85
        padding: 0 20px 0 0;
86
    }
87

88
    .top.tablet_s4 {
89
        padding: 4px 0 0;
90
    }
91
    .top.tablet_s8 {
92
        padding: 8px 0 0;
93
    }
94
    .top.tablet_s12 {
95
        padding: 12px 0 0;
96
    }
97
    .top.tablet_s16 {
98
        padding: 16px 0 0;
99
    }
100
    .top.tablet_s20 {
101
        padding: 20px 0 0;
102
    }
103
}
104

105
@media all and (min-width: 1540px) {
106
    .desktop_s4 {
107
        padding: 0 4px 0 0;
108
    }
109
    .desktop_s8 {
110
        padding: 0 8px 0 0;
111
    }
112
    .desktop_s12 {
113
        padding: 0 12px 0 0;
114
    }
115
    .desktop_s16 {
116
        padding: 0 16px 0 0;
117
    }
118
    .desktop_s20 {
119
        padding: 0 20px 0 0;
120
    }
121

122
    .top.desktop_s4 {
123
        padding: 4px 0 0;
124
    }
125
    .top.desktop_s8 {
126
        padding: 8px 0 0;
127
    }
128
    .top.desktop_s12 {
129
        padding: 12px 0 0;
130
    }
131
    .top.desktop_s16 {
132
        padding: 16px 0 0;
133
    }
134
    .top.desktop_s20 {
135
        padding: 20px 0 0;
136
    }
137
}
138