mempool/frontend/src/app/shared/components/global-footer/global-footer.component.scss

185 lines
2.6 KiB
SCSS
Raw Normal View History

footer {
2023-05-06 04:10:17 -04:00
background-color: #1d1f31;
margin-top: 30px;
}
footer a {
color: rgba(255, 255, 255, 0.4);
}
footer p {
margin-bottom: 0.25rem;
}
footer .row.main {
padding: 40px 0 24px 0;
max-width: 1140px;
2023-05-11 15:31:48 -04:00
margin: 0 auto;
2023-05-06 04:10:17 -04:00
}
2023-08-01 17:24:26 +09:00
footer .row.main .branding > p {
2023-08-05 19:06:25 +09:00
margin-bottom: 45px;
2023-08-01 17:24:26 +09:00
}
2023-05-06 04:10:17 -04:00
footer .row.main .branding .btn {
display: inline-block;
color: #fff !important;
}
footer .row.main .branding button.account {
background-color: #2d3348;
}
footer .row.main .branding .cta {
margin: 25px auto 25px auto;
2023-05-06 04:10:17 -04:00
}
footer .link-tree .links:nth-child(1), footer .link-tree .links:nth-child(4) {
padding-left: 0;
padding-right: 0;
2023-05-11 15:31:48 -04:00
}
2023-08-09 16:42:16 +09:00
footer .link-tree .links p {
padding-right: 5px;
}
2023-05-06 04:10:17 -04:00
footer .row.main .links > div:first-child {
margin-bottom: 20px;
}
footer .links .category {
2023-05-06 04:10:17 -04:00
color: #4a68b9;
font-weight: 700;
}
footer .row.main .links .category:not(:first-child) {
margin-top: 1rem;
}
2023-08-09 16:42:16 +09:00
footer .site-options {
float: right;
margin-top: -8px;
}
2023-05-06 04:10:17 -04:00
footer .selector {
margin: 20px 5px;
2023-08-09 16:42:16 +09:00
display: inline-block;
}
footer .row.link-tree {
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
2023-08-09 16:42:16 +09:00
flex-wrap: nowrap;
2023-05-06 04:10:17 -04:00
}
footer .row.social-links {
text-align: center;
margin: 24px 0;
}
footer .row.social-links a {
margin: 0 14px;
}
footer .row.social-links svg {
width: 20px;
}
footer .row.version {
padding-top: 20px !important;
padding-bottom: 20px !important;
background-color: #1d1f31;
2023-05-06 04:10:17 -04:00
}
footer .row.version p {
2023-05-06 04:10:17 -04:00
margin-bottom: 0;
text-align: center;
font-size: 12px;
color: rgba(255, 255, 255, 0.4);
}
footer .row.version p a {
2023-05-06 04:10:17 -04:00
color: #09a3ba;
}
2023-08-01 16:00:16 +09:00
.main-logo {
width: 220px;
margin: 0;
display: inline-block;
2023-08-01 16:00:16 +09:00
}
2023-08-09 16:42:16 +09:00
@media (max-width: 1200px) {
.main-logo {
width: 200px;
}
footer .row.main {
max-width: 90%;
}
footer .row.link-tree {
max-width: 90%;
font-size: 13px;
gap: 20px;
}
footer .row.social-links svg {
width: 18px;
}
}
@media (max-width: 900px) {
.main-logo {
width: 220px;
}
footer .row.link-tree {
font-size: 16px;
}
footer .row.social-links svg {
width: 20px;
}
footer .row.link-tree {
display: block;
text-align: center;
}
footer .link-tree .links {
margin-bottom: 20px;
}
footer .row.main .branding {
text-align: center;
padding: 0px;
2023-08-09 16:42:16 +09:00
}
.main-logo {
display: block;
margin: 0 auto;
}
footer .site-options {
float: none;
margin-top: 30px;
}
footer .row.social-links {
margin: 48px 0 24px 0;
}
footer .selector {
margin: 10px 0 0 0;
}
2023-08-09 16:42:16 +09:00
footer .selector:not(:last-child) {
margin-right: 10px;
}
}