Skip to content

Commit

Permalink
[refs nhsuk#662] Align back breadcrumb icon with text
Browse files Browse the repository at this point in the history
This ensures that the back breadcrumb chevron icon is
vertically aligned with the text, even at large font sizes.
  • Loading branch information
pufferfish101007 committed Feb 5, 2024
1 parent 5e59254 commit 1500137
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion packages/components/breadcrumb/_breadcrumb.scss
Original file line number Diff line number Diff line change
Expand Up @@ -100,11 +100,14 @@
background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__chevron-left' xmlns='http://www.w3.org/2000/svg' fill='%23005eb8' height='24' width='24' viewBox='8 0 24 24' aria-hidden='true'%3E%3Cpath d='M8.5 12c0-.3.1-.5.3-.7l5-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4L10.9 12l4.3 4.3c.4.4.4 1 0 1.4s-1 .4-1.4 0l-5-5c-.2-.2-.3-.4-.3-.7z'%3E%3C/path%3E%3C/svg%3E")
no-repeat;
content: "";
background-position: left top;
display: inline-block;
height: 18px;
left: 0;
position: absolute;
top: 0;
margin: auto;
top: -2px;
bottom: 2px;
width: 10px;
}
}
Expand Down

0 comments on commit 1500137

Please sign in to comment.