mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-12 09:24:15 -04:00
8ff9ec6d97
Brings in https://github.com/alphagov/notifications-utils/pull/797 but adapts the CSS so nothing changes visually
38 lines
986 B
SCSS
38 lines
986 B
SCSS
.broadcast-message {
|
|
|
|
&-wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 464px;
|
|
box-sizing: border-box;
|
|
padding: govuk-spacing(9) govuk-spacing(3) govuk-spacing(3) govuk-spacing(3);
|
|
background: $panel-colour;
|
|
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
|
|
border-radius: 5px;
|
|
white-space: normal;
|
|
margin: govuk-spacing(2) 0 govuk-spacing(4) 0;
|
|
clear: both;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
&-heading {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
padding: govuk-spacing(2) + 1px govuk-spacing(3) (govuk-spacing(2) - 1px) 46px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
font-weight: bold;
|
|
background: $grey-1 file-url('exclamation.svg');
|
|
color: $white;
|
|
background-size: 22px;
|
|
background-repeat: no-repeat;
|
|
background-position: govuk-spacing(3) 11px;
|
|
border-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
}
|