blob: 390514624549d3256b062e59ed2863b78ea02425 [file] [log] [blame]
Lokesh Yadava6a5fa02022-07-15 19:20:06 +05301.stats-stats {
2 gap: 24px;
3 width: 100%;
4 display: flex;
5 position: relative;
6 flex-wrap: wrap;
7 align-self: center;
8 align-items: center;
9 flex-direction: row;
10 justify-content: center;
11}
12.stats-maintainer {
13 flex: 0 0 auto;
14 width: auto;
15 height: auto;
16 display: flex;
17 align-items: center;
18 padding-top: 32px;
19 padding-left: 48px;
20 border-radius: 16px;
21 padding-right: 48px;
22 flex-direction: column;
23 padding-bottom: 32px;
24}
25.stats-image {
26 width: 56px;
27 object-fit: cover;
28}
29.stats-text {
30 color: #301BB8;
31 font-size: 24px;
32}
33.stats-text1 {
34 margin-top: var(--dl-space-space-halfunit);
35 margin-bottom: var(--dl-space-space-halfunit);
36}
37.stats-text2 {
38 color: #1E0E87;
39 font-size: 3em;
40 margin-top: var(--dl-space-space-halfunit);
41}
42.stats-downloads {
43 flex: 0 0 auto;
44 width: auto;
45 height: auto;
46 display: flex;
47 align-items: center;
48 padding-top: 32px;
49 padding-left: 48px;
50 border-radius: 16px;
51 padding-right: 48px;
52 flex-direction: column;
53 padding-bottom: 32px;
54}
55.stats-image1 {
56 width: 56px;
57 object-fit: cover;
58}
59.stats-text3 {
60 color: #1B57B8;
61 font-size: 24px;
62}
63.stats-text4 {
64 margin-top: var(--dl-space-space-halfunit);
65 margin-bottom: var(--dl-space-space-halfunit);
66}
67.stats-text5 {
68 color: #0E3C87;
69 font-size: 3em;
70 margin-top: var(--dl-space-space-halfunit);
71}
72.stats-devices {
73 flex: 0 0 auto;
74 width: auto;
75 height: auto;
76 display: flex;
77 align-items: center;
78 padding-top: 32px;
79 padding-left: 48px;
80 border-radius: 16px;
81 padding-right: 48px;
82 flex-direction: column;
83 padding-bottom: 32px;
84}
85.stats-image2 {
86 width: 56px;
87 object-fit: cover;
88}
89.stats-text6 {
90 color: #3FB81B;
91 font-size: 24px;
92}
93.stats-text7 {
94 margin-top: var(--dl-space-space-halfunit);
95 margin-bottom: var(--dl-space-space-halfunit);
96}
97.stats-text8 {
98 color: #004C41;
99 font-size: 3em;
100 margin-top: var(--dl-space-space-halfunit);
101}
102@media(max-width: 767px) {
103 .stats-stats {
104 width: 100%;
105 align-items: center;
106 justify-content: center;
107 }
108 .stats-maintainer {
109 padding-top: var(--dl-space-space-oneandhalfunits);
110 padding-left: var(--dl-space-space-oneandhalfunits);
111 padding-bottom: var(--dl-space-space-oneandhalfunits);
112 }
113 .stats-downloads {
114 padding-top: var(--dl-space-space-oneandhalfunits);
115 padding-left: var(--dl-space-space-oneandhalfunits);
116 padding-bottom: var(--dl-space-space-oneandhalfunits);
117 }
118 .stats-devices {
119 padding-top: var(--dl-space-space-oneandhalfunits);
120 padding-left: var(--dl-space-space-oneandhalfunits);
121 padding-bottom: var(--dl-space-space-oneandhalfunits);
122 }
123}
124@media(max-width: 479px) {
125 .stats-stats {
126 width: auto;
127 align-self: center;
128 align-items: stretch;
129 flex-direction: column;
130 justify-content: center;
131 }
132}