Skip to content

Commit

Permalink
refactor: move footer typography styles up a level to reduce duplication
Browse files Browse the repository at this point in the history
  • Loading branch information
tillywoodfield committed Dec 18, 2024
1 parent 491305a commit 575d09f
Showing 1 changed file with 13 additions and 27 deletions.
40 changes: 13 additions & 27 deletions src/scss/components/footer/_footer.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,19 @@

.iati-footer {
color: #fff;
font-weight: 600;

a {
color: currentColor;
&:hover {
color: $color-blue-30;
}
}

ul,
ol {
@include mixins.unstyled-list();
}
}

.iati-footer__section {
Expand Down Expand Up @@ -41,10 +54,6 @@
@include mixins.page-width-container();
}

.iati-footer-block {
color: #fff;
}

.iati-footer-block__title {
margin: 0 0 1.5rem;
font-family: $font-stack-heading;
Expand All @@ -59,21 +68,9 @@
}

.iati-footer-block__content {
font-weight: 600;
:where(p, li) {
margin: 0;
}
a {
color: currentColor;
&:hover {
color: $color-blue-30;
}
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
}

.iati-footer-block__content--columns {
Expand All @@ -88,19 +85,8 @@
}

.iati-footer__legal-nav {
color: currentColor;
font-weight: 600;
font-size: 1.0625rem;
line-height: 1.1;
a {
font-size: 1.0625rem;
line-height: 1.1;
color: currentColor;
text-decoration: none;
&:visited,
&:hover {
color: $color-blue-30;
}
}
}

Expand Down

0 comments on commit 575d09f

Please sign in to comment.