mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-05 02:42:26 -05:00
8d3e3e6943
We can ignore any mention of trial/test/mode if we just talk about ‘not live’. It also feels sensible to link through to the page where you can make that change, rather than dig through the navigation.
79 lines
1.1 KiB
SCSS
79 lines
1.1 KiB
SCSS
%banner,
|
|
.banner,
|
|
.banner-default {
|
|
|
|
@include core-19;
|
|
background: $turquoise;
|
|
color: $white;
|
|
display: block;
|
|
padding: $gutter-half;
|
|
margin: $gutter-half 0 $gutter 0;
|
|
text-align: left;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.banner-with-tick {
|
|
|
|
@extend %banner;
|
|
padding: $gutter-half ($gutter + $gutter-half);
|
|
|
|
&:before {
|
|
@include core-24;
|
|
content: '✔';
|
|
position: absolute;
|
|
top: $gutter-half;
|
|
left: $gutter-half;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
}
|
|
|
|
.banner-info {
|
|
@extend .banner;
|
|
background: $govuk-blue;
|
|
color: $white;
|
|
|
|
a:link, a:visited {
|
|
color: $white;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover {
|
|
color: $light-blue-25;
|
|
}
|
|
|
|
}
|
|
|
|
.banner-dangerous {
|
|
|
|
@extend .banner;
|
|
background: $white;
|
|
color: $error-colour;
|
|
border: 5px solid $error-colour;
|
|
margin: 15px 0;
|
|
@include bold-19;
|
|
text-align: left;
|
|
|
|
.button {
|
|
@include button($error-colour);
|
|
margin-top: 10px;
|
|
}
|
|
|
|
}
|
|
|
|
.banner-tip {
|
|
|
|
@extend .banner;
|
|
background: $yellow;
|
|
color: $text-colour;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
|
|
a:link, a:visited {
|
|
color: $text-colour;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
}
|