mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-04 05:20:46 -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`.
116 lines
1.9 KiB
SCSS
116 lines
1.9 KiB
SCSS
|
|
.govuk-grid-column-one-sixth {
|
|
@include govuk-grid-column(one-sixth, $class: false);
|
|
}
|
|
|
|
.govuk-grid-column-five-sixths {
|
|
@include govuk-grid-column(five-sixths, $class: false);
|
|
}
|
|
|
|
.govuk-grid-column-one-eighth {
|
|
@include govuk-grid-column(one-eighth, $class: false);
|
|
}
|
|
|
|
.govuk-grid-column-five-eighths {
|
|
@include govuk-grid-column(five-eighths, $class: false);
|
|
}
|
|
|
|
.govuk-grid-column-seven-eighths {
|
|
@include govuk-grid-column(seven-eighths, $class: false);
|
|
}
|
|
|
|
%top-gutter,
|
|
.top-gutter {
|
|
@extend %contain-floats;
|
|
display: block;
|
|
margin-top: govuk-spacing(6);
|
|
clear: both;
|
|
}
|
|
|
|
.top-gutter-4-3 {
|
|
@extend %top-gutter;
|
|
margin-top: govuk-spacing(7);
|
|
}
|
|
|
|
.top-gutter-1-2 {
|
|
@extend %top-gutter;
|
|
margin-top: govuk-spacing(3);
|
|
}
|
|
|
|
.top-gutter-1-3 {
|
|
@extend %top-gutter;
|
|
margin-top: govuk-spacing(2);
|
|
}
|
|
|
|
.top-gutter-2-3 {
|
|
@extend %top-gutter;
|
|
margin-top: govuk-spacing(4);
|
|
}
|
|
|
|
.top-gutter-0 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
%bottom-gutter,
|
|
.bottom-gutter {
|
|
@extend %contain-floats;
|
|
margin-bottom: govuk-spacing(6);
|
|
clear: both;
|
|
}
|
|
|
|
.bottom-gutter-2-3 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: govuk-spacing(4);
|
|
}
|
|
|
|
.bottom-gutter-1-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: govuk-spacing(3);
|
|
}
|
|
|
|
.bottom-gutter-1-3 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: govuk-spacing(2);
|
|
}
|
|
|
|
.bottom-gutter-3-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: govuk-spacing(6) * 3/2;
|
|
}
|
|
|
|
.bottom-gutter-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: govuk-spacing(9);
|
|
}
|
|
|
|
.left-gutter {
|
|
padding-left: govuk-spacing(6);
|
|
}
|
|
|
|
.left-gutter-4-3 {
|
|
padding-left: govuk-spacing(7);
|
|
}
|
|
|
|
.align-with-heading {
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 13px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.align-with-heading-copy {
|
|
display: block;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.align-with-heading-copy-right {
|
|
display: block;
|
|
margin: 21px 0 19px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.align-with-big-number-hint {
|
|
margin-top: govuk-spacing(8);
|
|
}
|