mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-05 22:10:44 -04:00
bc83ff6c09
Replaced `$gutter` and similar variables such as `$gutter-half` with the `govuk-spacing()` static spacing function. This uses `govuk-spacing()` instead of `$govuk-gutter` because `$govuk-gutter` should only be used for the gaps in between grid columns and we were mostly using `$gutter` to add more space around elements. There are other places in the SCSS files where we had hardcoded a measurement in px which could be replaced with `govuk-spacing`, but this commit only replaces the existing uses of `$gutter`.
54 lines
1.1 KiB
SCSS
54 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;
|
||
}
|
||
|
||
}
|
||
|
||
.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
|
||
}
|