abkommen60jahre.de/footer.css

73 lines
1.3 KiB
CSS

.footer {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
padding: 0 12px;
background-color: var(--primary);
margin: 0 var(--mobile-side-margin);
left: var(--mobile-side-margin);
right: var(--mobile-side-margin);
color: var(--primary-font);
}
@media screen and (min-width: 1024px) {
.footer {
flex-wrap: nowrap;
margin: 0 calc(var(--side-padding) - var(--mobile-side-margin));
}
}
.footer-logo {
height: 48px;
width: auto;
padding: 12px;
background-color: white;
color: black;
}
@media screen and (min-width: 768px) {
.footer-logo {
margin-bottom: 0px;
}
}
.footer-links {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
}
.footer-link {
display: flex;
height: auto;
margin: 12px;
color: var(--primary-font);
text-decoration: none;
}
.footer-link:hover {
text-decoration: none;
}
@media screen and (min-width: 768px) {
.footer {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 5;
grid-row-end: 6;
}
}
@media print {
.footer {
display: none;
}
}