Increase hit area of back link

The GOV.UK Design System back link component is sized (roughly) to the
contain the text and icon. Presumably this is so it’s safe to use in
various contexts.

Since we have control over the context is which it’s used, we can get
away with making the click area larger – in accordance with Fitt’s law –
without risking overlapping other page elements.
This commit is contained in:
Chris Hill-Scott
2019-04-29 14:59:50 +01:00
parent 74fb30ce5f
commit 0f449087e8

View File

@@ -32,4 +32,22 @@
left: 0;
margin: auto;
}
&:after {
content: "";
position: absolute;
top: -$gutter-half;
left: -3px;
width: 100%;
height: 100%;
border-style: solid;
border-width: $gutter-half $gutter $gutter-half 3px;
border-color: transparent;
}
&:focus {
&:after {
border-color: $yellow
}
}
}