mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-09 16:39:49 -04:00
Replace $gutter with govuk-spacing function
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`.
This commit is contained in:
@@ -30,10 +30,10 @@ $is-ie: false !default;
|
||||
|
||||
.govuk-previous-and-next-navigation {
|
||||
display: block;
|
||||
margin-top: $gutter;
|
||||
margin-bottom: $gutter;
|
||||
margin-left: -$gutter-half;
|
||||
margin-right: -$gutter-half;
|
||||
margin-top: govuk-spacing(6);
|
||||
margin-bottom: govuk-spacing(6);
|
||||
margin-left: -govuk-spacing(3);
|
||||
margin-right: -govuk-spacing(3);
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
@@ -52,7 +52,7 @@ $is-ie: false !default;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: $gutter-half;
|
||||
padding: govuk-spacing(3);
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
|
||||
Reference in New Issue
Block a user