ReactJS
1.s28 {2font-size: 28px;3line-height: 33px;4}
5.s20 {6font-size: 20px;7line-height: 23px;8}
9.s16 {10font-size: 16px;11line-height: 19px;12}
13.s14 {14font-size: 14px;15line-height: 16px;16}
17.s12 {18font-size: 12px;19line-height: 14px;20}
21.s10 {22font-size: 10px;23line-height: 12px;24}
25
26.black {27color: var(--black);28}
29.orange {30color: var(--orange);31}
32.green {33color: var(--green);34}
35.white {36color: var(--white);37}
38.grayF4 {39color: var(--grayF4);40}
41.greyF3 {42color: var(--greyF3);43}
44.greyD9 {45color: var(--greyD9);46}
47.greyC4 {48color: var(--greyC4);49}
50.grey99 {51color: var(--grey99);52}
53.grey66 {54color: var(--grey66);55}
56
57.upperCase {58text-transform: uppercase;59}
60
61@media all and (min-width: 320px) and (max-width: 1023px) {62.m28 {63font-size: 28px;64line-height: 33px;65}66.m20 {67font-size: 20px;68line-height: 23px;69}70.m16 {71font-size: 16px;72line-height: 19px;73}74.m14 {75font-size: 14px;76line-height: 16px;77}78.m12 {79font-size: 12px;80line-height: 14px;81}82.m10 {83font-size: 10px;84line-height: 12px;85}86}
87
88.bold {89font-weight: 500;90}
91
92@media all and (min-width: 1024px) and (max-width: 1539px) {93.t28 {94font-size: 28px;95line-height: 33px;96}97.t20 {98font-size: 20px;99line-height: 23px;100}101.t16 {102font-size: 16px;103line-height: 19px;104}105.t14 {106font-size: 14px;107line-height: 16px;108}109.t12 {110font-size: 12px;111line-height: 14px;112}113.t10 {114font-size: 10px;115line-height: 12px;116}117}
118
119@media all and (min-width: 1540px) {120.d28 {121font-size: 28px;122line-height: 33px;123}124.d20 {125font-size: 20px;126line-height: 23px;127}128.d16 {129font-size: 16px;130line-height: 19px;131}132.d14 {133font-size: 14px;134line-height: 16px;135}136.d12 {137font-size: 12px;138line-height: 14px;139}140.d10 {141font-size: 10px;142line-height: 12px;143}144}
145