Gitiles
Code Review Sign In
review.blissroms.org / blissroms.github.io / 8793c5ae630802711924a588d644be6a08bc66de / . / components / footer.css
blob: f638265c0a2ddece5905c8a59b38835e8a34b523 [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]1.footer-footer {
2 width: 100%;
3 display: flex;
4 max-width: 100%;
5 align-items: center;
6 padding-top: var(--dl-space-space-twounits);
7 padding-left: var(--dl-space-space-fourunits);
8 padding-right: var(--dl-space-space-fourunits);
9 flex-direction: column;
10 padding-bottom: var(--dl-space-space-twounits);
11 justify-content: space-between;
12 background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
13}
14.footer-container {
15 width: 100%;
16 display: flex;
17 align-items: flex-start;
18 flex-direction: row;
19 justify-content: space-between;
20}
21.footer-logo {
22 display: flex;
23 max-width: var(--dl-size-size-maxwidth);
24 align-self: flex-start;
25 align-items: flex-start;
26 margin-right: 56px;
27 flex-direction: column;
28 justify-content: center;
29}
30.footer-logo1 {
31 display: flex;
32 align-items: center;
33 flex-direction: column;
34}
35.footer-image {
36 width: var(--dl-size-size-medium);
37 height: 64px;
38}
39.footer-text {
40 color: var(--dl-color-primary-500);
41 margin-top: var(--dl-space-space-halfunit);
42 margin-bottom: var(--dl-space-space-halfunit);
43}
44.footer-text02 {
45 color: var(--dl-color-gray-900);
46 width: 224px;
47 margin-top: var(--dl-space-space-unit);
48 line-height: 1.32;
49}
50.footer-links-container {
51 display: flex;
52 align-items: flex-start;
53 flex-direction: row;
54 justify-content: space-between;
55}
56.footer-container1 {
57 display: flex;
58 align-items: flex-start;
59 margin-right: var(--dl-space-space-fourunits);
60 flex-direction: row;
61 justify-content: space-between;
62}
63.footer-community-container {
64 flex: 0 0 auto;
65 display: flex;
66 align-items: flex-start;
67 margin-right: var(--dl-space-space-fourunits);
68 flex-direction: column;
69 justify-content: flex-start;
70}
71.footer-text05 {
72 color: var(--dl-color-primary-700);
73 font-weight: 700;
74 margin-bottom: var(--dl-space-space-oneandhalfunits);
75}
76.footer-link {
77 text-decoration: none;
78}
79.footer-link01 {
80 text-decoration: none;
81}
82.footer-link02 {
83 text-decoration: none;
84}
85.footer-sources-container {
86 flex: 0 0 auto;
87 display: flex;
88 align-items: flex-start;
89 flex-direction: column;
90 justify-content: flex-start;
91}
92.footer-text08 {
93 color: var(--dl-color-primary-700);
94 font-weight: 700;
95 margin-bottom: var(--dl-space-space-oneandhalfunits);
96}
97.footer-link03 {
98 text-decoration: none;
99}
100.footer-link04 {
101 text-decoration: none;
102}
103.footer-link05 {
104 text-decoration: none;
105}
106.footer-link06 {
107 text-decoration: none;
108}
109.footer-link07 {
110 text-decoration: none;
111}
112.footer-container2 {
113 display: flex;
114 align-items: flex-start;
115 flex-direction: column;
116 justify-content: flex-start;
117}
118.footer-contact {
119 display: flex;
120 align-items: flex-start;
121 margin-bottom: 40px;
122 flex-direction: column;
123 justify-content: flex-start;
124}
125.footer-text12 {
126 color: var(--dl-color-primary-700);
127 margin-bottom: var(--dl-space-space-oneandhalfunits);
128}
129.footer-link08 {
130 text-decoration: none;
131}
132.footer-link09 {
133 text-decoration: none;
134}
135.footer-link10 {
136 text-decoration: none;
137}
138.footer-socials {
139 display: flex;
140 align-items: flex-start;
141 flex-direction: column;
142 justify-content: flex-start;
143}
144.footer-text13 {
145 color: var(--dl-color-primary-700);
146 margin-bottom: var(--dl-space-space-unit);
147}
148.footer-icon-group {
149 display: flex;
150 align-items: center;
151 flex-direction: row;
152 justify-content: space-between;
153}
154.footer-link11 {
155 display: contents;
156}
157.footer-link12 {
158 display: contents;
159}
160.footer-icon02 {
161 text-decoration: none;
162}
163.footer-link13 {
164 display: contents;
165}
166.footer-icon04 {
167 text-decoration: none;
168}
169.footer-link14 {
170 display: contents;
171}
172.footer-icon06 {
173 fill: #D9D9D9;
174 text-decoration: none;
175}
176.footer-link15 {
177 display: contents;
178}
179.footer-icon08 {
180 text-decoration: none;
181}
182.footer-link16 {
183 display: contents;
184}
185.footer-separator {
186 width: 100%;
187 height: 1px;
188 margin-top: var(--dl-space-space-twounits);
189 margin-bottom: var(--dl-space-space-twounits);
190 background-color: var(--dl-color-primary-700);
191}
192
193.rootClassName1 {
194 margin-top: var(--dl-space-space-oneandhalfunits);
195 background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
196}
197@media(max-width: 991px) {
198 .footer-footer {
199 flex-direction: column;
200 }
201 .footer-links-container {
202 align-items: flex-start;
203 flex-direction: column;
204 }
205 .footer-container1 {
206 margin-right: var(--dl-space-space-fourunits);
207 }
208 .footer-community-container {
209 margin-right: var(--dl-space-space-fourunits);
210 }
211}
212@media(max-width: 767px) {
213 .footer-footer {
214 padding-left: var(--dl-space-space-twounits);
215 padding-right: var(--dl-space-space-twounits);
216 }
217 .footer-container {
218 align-items: center;
219 flex-direction: column;
220 justify-content: space-between;
221 }
222 .footer-logo {
223 align-items: center;
224 }
225 .footer-image {
226 margin-bottom: var(--dl-space-space-oneandhalfunits);
227 }
228 .footer-text02 {
229 margin-top: var(--dl-space-space-twounits);
230 text-align: center;
231 margin-bottom: var(--dl-space-space-twounits);
232 }
233 .footer-links-container {
234 width: 100%;
235 align-items: flex-start;
236 flex-direction: row;
237 justify-content: center;
238 }
239 .footer-container1 {
240 margin-right: var(--dl-space-space-fourunits);
241 }
242 .footer-community-container {
243 margin-right: var(--dl-space-space-fourunits);
244 }
245 .rootClassName {
246 width: 100%;
247 }
248}
249@media(max-width: 479px) {
250 .footer-footer {
251 padding: var(--dl-space-space-unit);
252 }
253 .footer-container {
254 padding: var(--dl-space-space-twounits);
255 align-self: center;
256 align-items: center;
257 flex-direction: column;
258 }
259 .footer-logo {
260 align-self: center;
261 align-items: center;
262 margin-right: 0px;
263 justify-content: center;
264 }
265 .footer-image {
266 margin-bottom: 0px;
267 }
268 .footer-text02 {
269 width: var(--dl-size-size-xxlarge);
270 align-self: center;
271 margin-top: var(--dl-space-space-unit);
272 text-align: center;
273 margin-bottom: var(--dl-space-space-unit);
274 }
275 .footer-links-container {
276 align-self: flex-start;
277 flex-direction: column;
278 }
279 .footer-container1 {
280 margin: var(--dl-space-space-unit);
281 flex-direction: column;
282 }
283 .footer-sources-container {
284 margin-top: var(--dl-space-space-twounits);
285 }
286 .footer-container2 {
287 margin: var(--dl-space-space-unit);
288 }
289 .footer-contact {
290 align-items: flex-start;
291 margin-bottom: var(--dl-space-space-unit);
292 }
293 .footer-socials {
294 margin-top: var(--dl-space-space-oneandhalfunits);
295 }
296 .footer-icon02 {
297 fill: var(--dl-color-gray-white);
298 }
299 .footer-icon04 {
300 fill: var(--dl-color-gray-white);
301 }
302 .footer-icon06 {
303 fill: var(--dl-color-gray-white);
304 }
305 .footer-icon08 {
306 fill: var(--dl-color-gray-white);
307 }
308 .footer-icon10 {
309 fill: var(--dl-color-gray-white);
310 }
311 .footer-separator {
312 margin-top: 0px;
313 margin-bottom: 0px;
314 background-color: var(--dl-color-primary-700);
315 }
316 .rootClassName {
317 width: 100%;
318 }
319}