Fix focus style on prev/next links

It has a hover colour so needs the focus colour
re-defined.

The `overflow: hidden` was clipping the black
underline of the focus style on the prev/next
links. This assumes it was only there to contain
the 2 floating links so replaces it with a
clearfix, which does the same without clipping the
underline.
This commit is contained in:
Tom Byers
2020-09-14 21:12:46 +01:00
parent 2f4fddfeff
commit 1a086c0631

View File

@@ -34,7 +34,7 @@ $is-ie: false !default;
margin-bottom: govuk-spacing(6);
margin-left: -1 * govuk-spacing(3);
margin-right: -1 * govuk-spacing(3);
overflow: hidden;
@include govuk-clearfix;
ul {
margin: 0;
@@ -55,11 +55,14 @@ $is-ie: false !default;
padding: govuk-spacing(3);
text-decoration: none;
&:hover,
&:active {
&:hover {
background-color: $canvas-colour;
}
&:focus {
background-color: $govuk-focus-colour;
}
.pagination-part-title {
@include core-27($line-height: (33.75 / 27));
display: block;