pdh-design-system
Version:
PDH Design System React Components
47 lines (46 loc) • 942 B
CSS
.pdh-footer-background {
position: relative;
}
.pdh-footer-background::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #222222;
background-image: url("../../images/pdh_pattern.svg");
background-size: 35%;
background-repeat: repeat-y;
background-position: top 0 right 5rem;
filter: grayscale(100%);
z-index: -1;
}
@media (min-width: 1200px) {
.pdh-footer-background::before {
background-size: 420px;
}
}
.footer-container .footer-columns h4 {
font-size: 20px;
text-transform: uppercase;
}
.footer-container .footer-more img {
width: 100%;
max-width: 240px;
height: auto;
}
.footer-container .footer-divider {
height: 1px;
background-color: transparent;
}
.footer-container .footer-copyright {
font-size: 10px;
}
.footer-container .footer-spacer {
flex: 1;
height: 1px;
}
.footer-container a.nav-link:hover {
color: var(--bs-orange);
}