Gitiles
Code Review Sign In
review.blissroms.org / blissroms.github.io / c097cf5f2eb0cc433ac0a4f44c1adedee0d091f6 / . / components / footer.css
blob: 98af4ba188c3c909a4c1b76b88064f3950261fbe [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]1.footer-footer {
2 width: 100%;
3 display: flex;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]4 position: relative;
5 max-width: var(--dl-size-size-maxwidth);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]6 align-items: center;
7 padding-top: var(--dl-space-space-twounits);
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]8 padding-left: var(--dl-space-space-threeunits);
9 padding-right: var(--dl-space-space-threeunits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]10 flex-direction: column;
11 padding-bottom: var(--dl-space-space-twounits);
12 justify-content: space-between;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]13}
14.footer-container {
15 width: 100%;
16 display: flex;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]17 justify-content: space-between;
18}
19.footer-logo {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]20 width: 32%;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]21 display: flex;
22 max-width: var(--dl-size-size-maxwidth);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]23 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]24 margin-bottom: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]25 flex-direction: column;
26}
27.footer-image {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]28 width: 64px;
29 height: auto;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]30}
31.footer-text {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]32 width: 100%;
33 margin-top: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]34}
35.footer-links-container {
36 display: flex;
37 align-items: flex-start;
38 flex-direction: row;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]39 justify-content: flex-end;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]40}
41.footer-container1 {
42 display: flex;
43 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]44 margin-right: 4rem;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]45 flex-direction: row;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]46 justify-content: flex-start;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]47}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]48.footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]49 flex: 0 0 auto;
50 display: flex;
51 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]52 margin-right: 4rem;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]53 flex-direction: column;
54 justify-content: flex-start;
55}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]56.footer-text1 {
57 color: var(--dl-color-bliss-primary);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]58 font-weight: 700;
59 margin-bottom: var(--dl-space-space-oneandhalfunits);
60}
61.footer-link {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]62 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]63 text-decoration: none;
64}
65.footer-link01 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]66 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]67 text-decoration: none;
68}
69.footer-link02 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]70 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]71 text-decoration: none;
72}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]73.footer-company-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]74 flex: 0 0 auto;
75 display: flex;
76 align-items: flex-start;
77 flex-direction: column;
78 justify-content: flex-start;
79}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]80.footer-text2 {
81 color: var(--dl-color-bliss-primary);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]82 font-weight: 700;
83 margin-bottom: var(--dl-space-space-oneandhalfunits);
84}
85.footer-link03 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]86 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]87 text-decoration: none;
88}
89.footer-link04 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]90 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]91 text-decoration: none;
92}
93.footer-link05 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]94 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]95 text-decoration: none;
96}
97.footer-link06 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]98 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]99 text-decoration: none;
100}
101.footer-link07 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]102 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]103 text-decoration: none;
104}
105.footer-container2 {
106 display: flex;
107 align-items: flex-start;
108 flex-direction: column;
109 justify-content: flex-start;
110}
111.footer-contact {
112 display: flex;
113 align-items: flex-start;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]114 margin-bottom: var(--dl-space-space-oneandhalfunits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]115 flex-direction: column;
116 justify-content: flex-start;
117}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]118.footer-text3 {
119 color: var(--dl-color-bliss-primary);
120 font-weight: 700;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]121 margin-bottom: var(--dl-space-space-oneandhalfunits);
122}
123.footer-link08 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]124 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]125 text-decoration: none;
126}
127.footer-link09 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]128 margin-bottom: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]129 text-decoration: none;
130}
131.footer-link10 {
132 text-decoration: none;
133}
134.footer-socials {
135 display: flex;
136 align-items: flex-start;
137 flex-direction: column;
138 justify-content: flex-start;
139}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]140.footer-text4 {
141 color: var(--dl-color-bliss-primary);
142 font-weight: 700;
143 margin-bottom: var(--dl-space-space-oneandhalfunits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]144}
145.footer-icon-group {
146 display: flex;
147 align-items: center;
148 flex-direction: row;
149 justify-content: space-between;
150}
151.footer-link11 {
152 display: contents;
153}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]154.footer-icon {
155 width: var(--dl-size-size-xsmall);
156 height: var(--dl-size-size-xsmall);
157 margin-right: var(--dl-space-space-unit);
158 text-decoration: none;
159}
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]160.footer-link12 {
161 display: contents;
162}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]163.footer-icon2 {
164 width: var(--dl-size-size-xsmall);
165 height: var(--dl-size-size-xsmall);
166 margin-right: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]167 text-decoration: none;
168}
169.footer-link13 {
170 display: contents;
171}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]172.footer-icon4 {
173 width: var(--dl-size-size-xsmall);
174 height: var(--dl-size-size-xsmall);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]175 text-decoration: none;
176}
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]177.footer-separator {
178 width: 100%;
179 height: 1px;
180 margin-top: var(--dl-space-space-twounits);
181 margin-bottom: var(--dl-space-space-twounits);
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]182 background-color: var(--dl-color-gray-900);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]183}
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]184.footer-text5 {
185 align-self: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]186}
187@media(max-width: 991px) {
188 .footer-footer {
189 flex-direction: column;
190 }
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]191 .footer-container1 {
192 margin-right: var(--dl-space-space-fourunits);
193 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]194 .footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]195 margin-right: var(--dl-space-space-fourunits);
196 }
197}
198@media(max-width: 767px) {
199 .footer-footer {
200 padding-left: var(--dl-space-space-twounits);
201 padding-right: var(--dl-space-space-twounits);
202 }
203 .footer-container {
204 align-items: center;
205 flex-direction: column;
206 justify-content: space-between;
207 }
208 .footer-logo {
209 align-items: center;
210 }
211 .footer-image {
212 margin-bottom: var(--dl-space-space-oneandhalfunits);
213 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]214 .footer-text {
215 margin-top: var(--dl-space-space-unit);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]216 text-align: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]217 }
218 .footer-links-container {
219 width: 100%;
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]220 margin-top: var(--dl-space-space-twounits);
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]221 align-items: flex-start;
222 flex-direction: row;
223 justify-content: center;
224 }
225 .footer-container1 {
226 margin-right: var(--dl-space-space-fourunits);
227 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]228 .footer-product-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]229 margin-right: var(--dl-space-space-fourunits);
230 }
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]231}
232@media(max-width: 479px) {
233 .footer-footer {
234 padding: var(--dl-space-space-unit);
235 }
236 .footer-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]237 align-items: center;
238 flex-direction: column;
239 }
240 .footer-logo {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]241 width: auto;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]242 }
243 .footer-image {
244 margin-bottom: 0px;
245 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]246 .footer-text {
247 width: 80%;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]248 }
249 .footer-links-container {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]250 align-items: flex-start;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]251 flex-direction: column;
252 }
253 .footer-container1 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]254 margin-right: 0px;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]255 flex-direction: column;
256 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]257 .footer-company-container {
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]258 margin-top: var(--dl-space-space-twounits);
259 }
260 .footer-container2 {
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]261 margin-top: var(--dl-space-space-twounits);
262 align-items: flex-start;
263 margin-bottom: 0px;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]264 }
265 .footer-contact {
266 align-items: flex-start;
267 margin-bottom: var(--dl-space-space-unit);
268 }
Lokesh Yadava6a5fa02022-07-15 19:20:06 +0530[diff] [blame]269 .footer-text5 {
270 text-align: center;
Lokesh Yadavba544372021-12-07 15:09:27 +0530[diff] [blame]271 }
272}