ReactJS
1.s4 {2padding: 0 4px 0 0;3}
4.s8 {5padding: 0 8px 0 0;6}
7.s12 {8padding: 0 12px 0 0;9}
10.s16 {11padding: 0 16px 0 0;12}
13.s20 {14padding: 0 20px 0 0;15}
16
17.inline {18display: inline;19}
20
21.top.s4 {22padding: 4px 0 0;23}
24.top.s8 {25padding: 8px 0 0;26}
27.top.s12 {28padding: 12px 0 0;29}
30.top.s16 {31padding: 16px 0 0;32}
33.top.s20 {34padding: 20px 0 0;35}
36
37@media all and (max-width: 1023px) {38.mobile_s4 {39padding: 0 4px 0 0;40}41.mobile_s8 {42padding: 0 8px 0 0;43}44.mobile_s12 {45padding: 0 12px 0 0;46}47.mobile_s16 {48padding: 0 16px 0 0;49}50.mobile_s20 {51padding: 0 20px 0 0;52}53
54.top.mobile_s4 {55padding: 4px 0 0;56}57.top.mobile_s8 {58padding: 8px 0 0;59}60.top.mobile_s12 {61padding: 12px 0 0;62}63.top.mobile_s16 {64padding: 16px 0 0;65}66.top.mobile_s20 {67padding: 20px 0 0;68}69}
70
71@media all and (min-width: 1024px) and (max-width: 1539px) {72.tablet_s4 {73padding: 0 4px 0 0;74}75.tablet_s8 {76padding: 0 8px 0 0;77}78.tablet_s12 {79padding: 0 12px 0 0;80}81.tablet_s16 {82padding: 0 16px 0 0;83}84.tablet_s20 {85padding: 0 20px 0 0;86}87
88.top.tablet_s4 {89padding: 4px 0 0;90}91.top.tablet_s8 {92padding: 8px 0 0;93}94.top.tablet_s12 {95padding: 12px 0 0;96}97.top.tablet_s16 {98padding: 16px 0 0;99}100.top.tablet_s20 {101padding: 20px 0 0;102}103}
104
105@media all and (min-width: 1540px) {106.desktop_s4 {107padding: 0 4px 0 0;108}109.desktop_s8 {110padding: 0 8px 0 0;111}112.desktop_s12 {113padding: 0 12px 0 0;114}115.desktop_s16 {116padding: 0 16px 0 0;117}118.desktop_s20 {119padding: 0 20px 0 0;120}121
122.top.desktop_s4 {123padding: 4px 0 0;124}125.top.desktop_s8 {126padding: 8px 0 0;127}128.top.desktop_s12 {129padding: 12px 0 0;130}131.top.desktop_s16 {132padding: 16px 0 0;133}134.top.desktop_s20 {135padding: 20px 0 0;136}137}
138