mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-23 09:29:14 -04:00
1a1b3bb9a8
Since the focus background colour is now Design System yellow, the text should be black for sufficent contrast. This wasn’t happening because the `:link` selector’s definition had greater specificity.
58 lines
1.1 KiB
SCSS
58 lines
1.1 KiB
SCSS
.template-container {
|
||
position: relative;
|
||
}
|
||
|
||
%edit-template-link,
|
||
.edit-template-link {
|
||
|
||
@include core-19;
|
||
position: absolute;
|
||
background: $link-colour;
|
||
color: $white;
|
||
padding: 10px govuk-spacing(3);
|
||
z-index: 10000;
|
||
|
||
&:link, &:visited {
|
||
color: $white;
|
||
}
|
||
|
||
&:hover {
|
||
color: $light-blue-25;
|
||
}
|
||
|
||
&:focus {
|
||
color: $govuk-text-colour;
|
||
}
|
||
|
||
}
|
||
|
||
.edit-template-link-letter-contact {
|
||
@extend %edit-template-link;
|
||
right: -25px;
|
||
top: 232px; // align to bottom of contact block
|
||
}
|
||
|
||
.edit-template-link-letter-address {
|
||
@extend %edit-template-link;
|
||
top: 14.65%; // align bottom edge to bottom of address
|
||
left: -5px;
|
||
}
|
||
|
||
.edit-template-link-letter-body {
|
||
@extend %edit-template-link;
|
||
top: 400px; // aligns to top of subject
|
||
left: -5px;
|
||
}
|
||
|
||
.edit-template-link-letter-postage {
|
||
@extend %edit-template-link;
|
||
top: 51px; // aligns bottom edge to bottom of postmark
|
||
right: 145px; // Aligns right edge to midpoint of postmark and fold
|
||
}
|
||
|
||
.edit-template-link-letter-branding {
|
||
@extend %edit-template-link;
|
||
top: 51px; // aligns with ‘change postage’ link
|
||
left: 66px; // Aligns to left of logo area
|
||
}
|