mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-16 20:49:00 -04:00
17b99c9bf2
This takes the original prototype version of this page, and, using the same fake data (ie nothing is wired up): - adds an invite users page - adds an edit (and delete) user page Both these pages allow the user to set another user’s permissions. This commit adds images for the ticks and crosses, so we have control over their appearance.
77 lines
1.3 KiB
SCSS
77 lines
1.3 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;
|
|
clear: both;
|
|
|
|
}
|
|
|
|
.banner-with-tick,
|
|
.banner-default-with-tick {
|
|
@extend %banner;
|
|
padding: $gutter-half ($gutter + $gutter-half);
|
|
background-image: file-url('tick-white.png');
|
|
background-size: 19px;
|
|
background-repeat: no-repeat;
|
|
background-position: $gutter-half $gutter-half;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.banner-dangerous {
|
|
|
|
@extend %banner;
|
|
@include bold-19;
|
|
background: $white;
|
|
color: $error-colour;
|
|
border: 5px solid $error-colour;
|
|
margin: 15px 0;
|
|
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,
|
|
&:visited {
|
|
color: $text-colour;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
ol {
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
}
|
|
|
|
.banner-important {
|
|
@extend %banner;
|
|
background: $white;
|
|
color: $text-colour;
|
|
background-image: file-url('icon-important-2x.png');
|
|
background-size: 34px 34px;
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
padding: 7px 0 5px 50px;
|
|
}
|