mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-03 10:58:45 -04:00
00030bc254
Takes the number of emails and SMS fragments sent from: https://github.com/alphagov/notifications-api/pull/273 Using these numbers it’s possible to show: - how much of your allowance is left - or how much you have spent For now the allowance and rates are hard coded. Only for users that have manage service.
86 lines
1.1 KiB
SCSS
86 lines
1.1 KiB
SCSS
%big-number,
|
|
.big-number {
|
|
|
|
@include bold-48;
|
|
|
|
&-label {
|
|
@include core-19;
|
|
display: block;
|
|
padding-bottom: $gutter-half;
|
|
}
|
|
|
|
}
|
|
|
|
.big-number-right-aligned {
|
|
@extend %big-number;
|
|
@include bold-36($tabular-numbers: true);
|
|
text-align: right;
|
|
}
|
|
|
|
.big-number-with-status {
|
|
|
|
@extend %big-number;
|
|
background: $text-colour;
|
|
color: $white;
|
|
position: relative;
|
|
|
|
.big-number {
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.big-number-overlay-link {
|
|
|
|
background: transparent;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: transparent;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
&:hover {
|
|
background: rgba($text-colour, 0.2);
|
|
}
|
|
|
|
}
|
|
|
|
.big-number-label {
|
|
|
|
padding-bottom: 0;
|
|
|
|
&:link,
|
|
&:visited {
|
|
color: $white;
|
|
}
|
|
|
|
}
|
|
|
|
%big-number-status,
|
|
.big-number-status {
|
|
|
|
@include core-19;
|
|
display: block;
|
|
background: $green;
|
|
padding: 15px;
|
|
|
|
a {
|
|
|
|
&:link,
|
|
&:visited,
|
|
&:active,
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.big-number-status-failing {
|
|
@extend %big-number-status;
|
|
background: $error-colour;
|
|
}
|
|
|
|
}
|