darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-19 14:03:52 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use black text with a border for default banner

Browse Source 
We use panels with a blue banner to indicate something that’s clickable.
So we should move away from this style for things that are just
notifications. We can’t use teal like other bits of GOV.UK because it
doesn’t pass colour contrast.

Pay are using a box with a green border, similar to the error validation
box (which has a red border). So let’s do the same for now.
This commit is contained in:
Chris Hill-Scott
2017-07-24 16:19:09 +01:00
parent 05b1292e9d
commit c15491974d
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/components/banner.scss
View File

@@ -3,14 +3,14 @@
.banner-default {
@include core-19;
background: $govuk-blue;
color: $white;
color: $text-colour;
display: block;
padding: $gutter-half;
margin: $gutter-half 0 $gutter 0;
text-align: left;
position: relative;
clear: both;
border: 5px solid $button-colour;
&-title {
@include bold-24;
@@ -29,9 +29,9 @@
%banner-with-tick,
.banner-with-tick {
padding: $gutter-half ($gutter + $gutter-half);
background-image: file-url('tick-white.png');
background-image: file-url('tick.png');
@include ie-lte(8) {
background-image: file-url('tick-white-16px.png');
background-image: file-url('tick-16px.png');
}
background-size: 19px;
background-repeat: no-repeat;