правки footer
This commit is contained in:
85
index3.css
85
index3.css
@@ -1172,6 +1172,70 @@
|
||||
padding: 32px 0 42px;
|
||||
}
|
||||
|
||||
.classic-footer {
|
||||
width: 100%;
|
||||
margin-top: 24px;
|
||||
padding: 44px 0 28px;
|
||||
background: #0a1f47;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.classic-footer-shell {
|
||||
display: grid;
|
||||
gap: 22px;
|
||||
}
|
||||
|
||||
.classic-footer-main {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(180px, 1fr));
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.classic-footer-col {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.classic-footer-col h3 {
|
||||
margin: 0;
|
||||
color: #ffffff;
|
||||
font-size: 18px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.classic-footer .brand-text strong,
|
||||
.classic-footer .brand-text span,
|
||||
.classic-footer .footer-description,
|
||||
.classic-footer .footer-links a,
|
||||
.classic-footer .footer-legal a,
|
||||
.classic-footer .footer-bottom {
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.classic-footer .footer-links,
|
||||
.classic-footer .footer-legal {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.classic-footer .footer-links a,
|
||||
.classic-footer .footer-legal a {
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.classic-footer .footer-links a:hover,
|
||||
.classic-footer .footer-legal a:hover,
|
||||
.classic-footer .footer-links a:focus-visible,
|
||||
.classic-footer .footer-legal a:focus-visible {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.classic-footer-bottom {
|
||||
margin-top: 8px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.16);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
align-items: start;
|
||||
}
|
||||
@@ -1449,6 +1513,14 @@
|
||||
.product-row {
|
||||
justify-items: start;
|
||||
}
|
||||
|
||||
.classic-footer-main {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.classic-footer-main .brand-col {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
@@ -1491,6 +1563,19 @@
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.classic-footer {
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
.classic-footer-main {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.classic-footer-main .brand-col {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.cart-actions {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user