app/assets/stylesheets/views/notification.scss

.notification-status {

  @include core-16;
  color: $secondary-text-colour;
  margin-top: -govuk-spacing(3);

  &.error {

    color: $govuk-error-colour;
    font-weight: bold;

  }

  &-cancelled {
    @include bold-19;
    color: $govuk-error-colour;
  }

}
Revert "Merge pull request #1336 from alphagov/revert-show-notifications" This reverts commit 7e354ff341172041d6141b50833af6262308fcb4, reversing changes made to 6f3bcff32fbfc78b4df0558d08605a260786112f. 2017-06-24 17:12:45 +01:00			`.notification-status {`

			`@include core-16;`
			`color: $secondary-text-colour;`
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-top: -govuk-spacing(3);`
Revert "Merge pull request #1336 from alphagov/revert-show-notifications" This reverts commit 7e354ff341172041d6141b50833af6262308fcb4, reversing changes made to 6f3bcff32fbfc78b4df0558d08605a260786112f. 2017-06-24 17:12:45 +01:00
			`&.error {`

Remove all redundant link CSS Giving all links the GOVUK Frontend classes, and the new `govuk-link--destructive` class, means some styles are already applied. This strips out those styles. Note: there's still a good amount of styling, most of which is to make the focus styles specific to the space the link is in. These will need reviewing when GOVUK Frontend is bumped past version 3 as this brings in new focus styles. 2020-02-11 22:23:03 +00:00			`color: $govuk-error-colour;`
Revert "Merge pull request #1336 from alphagov/revert-show-notifications" This reverts commit 7e354ff341172041d6141b50833af6262308fcb4, reversing changes made to 6f3bcff32fbfc78b4df0558d08605a260786112f. 2017-06-24 17:12:45 +01:00			`font-weight: bold;`

			`}`

Show if a letter has been cancelled At the moment we are manually cancelling letters for people when they ask us to. Once’s we’ve done this there is no indication that it’s happened except for the date going red on the list of letters. This commit adds some error messaging and styling to show when a letter is cancelled. Letting people cancel their own letters will be a future enhancement. 2018-10-11 10:54:39 +01:00			`&-cancelled {`
			`@include bold-19;`
Remove all redundant link CSS Giving all links the GOVUK Frontend classes, and the new `govuk-link--destructive` class, means some styles are already applied. This strips out those styles. Note: there's still a good amount of styling, most of which is to make the focus styles specific to the space the link is in. These will need reviewing when GOVUK Frontend is bumped past version 3 as this brings in new focus styles. 2020-02-11 22:23:03 +00:00			`color: $govuk-error-colour;`
Show if a letter has been cancelled At the moment we are manually cancelling letters for people when they ask us to. Once’s we’ve done this there is no indication that it’s happened except for the date going red on the list of letters. This commit adds some error messaging and styling to show when a letter is cancelled. Letting people cancel their own letters will be a future enhancement. 2018-10-11 10:54:39 +01:00			`}`

Revert "Merge pull request #1336 from alphagov/revert-show-notifications" This reverts commit 7e354ff341172041d6141b50833af6262308fcb4, reversing changes made to 6f3bcff32fbfc78b4df0558d08605a260786112f. 2017-06-24 17:12:45 +01:00			`}`