pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styling to funding alerts

Browse Source
This commit is contained in:
leigh-mil
2019-01-30 10:26:57 -05:00
parent 2cbfa59b92
commit b4cd657d62
4 changed files with 59 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
styles/components/_portfolio_layout.scss
View File

@@ -50,6 +50,13 @@
@include icon-color($color-green);
}
}
.unfunded {
color: $color-red;
.icon {
@include icon-color($color-red);
}
}
}
.pending-task-order {
@@ -127,24 +134,36 @@
background-color: $color-gray-light;
}
.to-expiring-soon {
font-weight: $font-bold;
font-size: 1.5rem;
margin-left: $gap;
.to-performance-period {
&.to-expiring-soon {
&.funded {
color: $color-blue;
.icon {
@include icon-color($color-blue);
.to-expiration-alert {
font-weight: $font-bold;
font-size: 1.5rem;
margin-left: $gap;
}
}
&.unfunded {
color: $color-red;
&.funded .to-expiration-alert {
color: $color-blue;
.icon {
@include icon-color($color-red);
.icon {
@include icon-color($color-blue);
}
}
&.unfunded {
.to-expiration-alert {
color: $color-red;
}
.icon {
@include icon-color($color-red);
}
.to-end-date {
color: $color-red;
}
}
}
}