app/assets/stylesheets/components/site-footer.scss

#footer {
  .footer-categories {
    margin: 0 auto;

    &-wrapper {
      margin-bottom: govuk-spacing(6);
      padding-bottom: govuk-spacing(9);
      border-bottom: 1px solid $grey-2;
    }

    h2 {
      margin: 20px 0;

      @include media(tablet) {
        margin-top: 0;
      }
    }

    ul {
      margin: 0;
      padding: 0;
    }

    li {
      margin-bottom: 5px;
      font-size: 16px;
    }
  }
}
Fix alignment and spacing of page footer on mobile SASS pinched from here: https://github.com/alphagov/pay-product-page/blob/696ce451a74866ee01412628af894c9698019678/source/pay-product-page/stylesheets/modules/_footer-categories.scss 2017-07-12 15:22:52 +01:00			`#footer {`
			`.footer-categories {`
			`margin: 0 auto;`

			`&-wrapper {`
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`. 2020-02-21 13:21:44 +00:00			`margin-bottom: govuk-spacing(6);`
			`padding-bottom: govuk-spacing(9);`
Fix alignment and spacing of page footer on mobile SASS pinched from here: https://github.com/alphagov/pay-product-page/blob/696ce451a74866ee01412628af894c9698019678/source/pay-product-page/stylesheets/modules/_footer-categories.scss 2017-07-12 15:22:52 +01:00			`border-bottom: 1px solid $grey-2;`
			`}`

			`h2 {`
			`margin: 20px 0;`

			`@include media(tablet) {`
			`margin-top: 0;`
			`}`
			`}`

			`ul {`
			`margin: 0;`
			`padding: 0;`
			`}`

			`li {`
			`margin-bottom: 5px;`
			`font-size: 16px;`
			`}`
			`}`
			`}`