mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-07 06:50:56 -04:00
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`.
19 lines
558 B
SCSS
19 lines
558 B
SCSS
.branding-preview {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: solid 1px $border-colour;
|
|
min-height: 200px;
|
|
margin-bottom: govuk-spacing(6)
|
|
}
|
|
|
|
#logo-img {
|
|
background-color: $grey-4;
|
|
background-image: linear-gradient(45deg, $grey-3 25%, transparent 25%), linear-gradient(-45deg, $grey-3 25%, transparent 25%), linear-gradient(45deg, transparent 75%, $grey-3 75%), linear-gradient(-45deg, transparent 75%, $grey-3 75%);
|
|
background-size: 20px 20px;
|
|
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
|
|
|
|
img {
|
|
display: block;
|
|
}
|
|
}
|