mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-23 01:19:27 -04:00
55 lines
1.2 KiB
SCSS
55 lines
1.2 KiB
SCSS
@import "../../settings/all";
|
|
@import "../../tools/all";
|
|
@import "../../helpers/all";
|
|
|
|
@include govuk-exports("govuk/component/back-link") {
|
|
|
|
.govuk-back-link {
|
|
@include govuk-typography-responsive($size: 16);
|
|
@include govuk-link-common;
|
|
@include govuk-link-style-text;
|
|
|
|
display: inline-block;
|
|
position: relative;
|
|
|
|
margin-top: govuk-spacing(3);
|
|
margin-bottom: govuk-spacing(3);
|
|
|
|
// Allow space for the arrow
|
|
padding-left: 14px;
|
|
|
|
// Use border-bottom rather than text-decoration so that the arrow is
|
|
// underlined as well.
|
|
border-bottom: 1px solid govuk-colour("black");
|
|
|
|
// Underline is provided by a bottom border
|
|
text-decoration: none;
|
|
|
|
// Prepend left pointing arrow
|
|
&:before {
|
|
@include govuk-shape-arrow($direction: left, $base: 10px, $height: 6px);
|
|
|
|
content: "";
|
|
|
|
// Vertically align with the parent element
|
|
position: absolute;
|
|
|
|
top: -1px;
|
|
bottom: 1px;
|
|
left: 0;
|
|
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
// Begin adjustments for font baseline offset
|
|
// These should be removed when the font is updated with the correct baseline
|
|
|
|
.govuk-back-link:before {
|
|
$offset: 1px;
|
|
|
|
top: $offset * -1;
|
|
bottom: $offset;
|
|
}
|
|
}
|