.dev/assets/shared/css/footer/site-footer.scss
.site-footer {
background-color: var(--go-footer--color--background);
color: var(--go-footer--color--text, initial);
font-display: swap;
font-family: var(--go-footer--font-family, inherit);
margin-top: var(--go--spacing--vertical--lg);
.site-info {
color: var(--go-footer--color--text, initial);
}
&.has-background {
margin-top: 0;
padding-top: var(--go--spacing--vertical--lg);
}
a {
color: var(--go-footer--color--text, initial);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.privacy-policy-link {
display: inline;
margin-left: 0.85rem;
margin-top: 0;
padding-left: 1rem;
padding-top: 0;
position: relative;
&::before {
background-color: currentColor;
content: "";
height: 100%;
left: 0;
opacity: 0.25;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 1px;
}
&:focus {
outline: none;
&::after {
@include outline-text-link;
@include media(medium) {
bottom: -3px;
content: "";
left: 1rem;
position: absolute;
width: calc(100% - 1rem);
}
}
}
}
}
.footer-navigation {
line-height: var(--go-footer-navigation--line-height, 2.5);
a:focus {
@include outline;
}
}
.footer-navigation__title {
color: var(--go-footer-heading--color--text, var(--go-heading--color--text));
display: block;
font-display: swap;
font-family: var(--go-navigation--font-family);
font-size: var(--go-navigation--font-size);
font-weight: var(--go-navigation--font-weight, 400);
letter-spacing: var(--go-navigation--letter-spacing, normal);
margin-bottom: 0.75rem;
text-transform: var(--go-navigation--text-transform, normal);
}